Next.js

Next.js це бекенд фреймворк для ваших React додатків.

Подивіться виступ Theo на Next.js Conf↗ щоб отримати більш детальне розуміння того, що таке Next.js і як він працює.

Чому я повинен це використовувати?

Ми любимо React. Він зробив розробку UI доступною у тому вигляді, в якому ми ніколи не могли собі уявити. Він також може вести розробників тернистими шляхами. Next.js пропонує злегка суб’єктивний, більш оптимізований підхід до створення додатків з використанням React. Від маршрутизації до визначення API до візуалізації зображень ми довіряємо Next.js, щоб вести розробників до правильних рішень.

Поєднуючи Next.js з Vercel↗, ви можете розробляти та деплоїти веб-програми легше, ніж будь-коли. Їх надзвичайно щедрий безкоштовний тариф та супер інтуїтивний інтерфейс надають рішення в один клік для деплойменту вашого сайту (Ми ❤️ Vercel)

Get Static/Server Props

Ключові особливості Next.js – це можливості отримання даних. Ми наполегливо рекомендуємо прочитати офіційну документацію↗, щоб зрозуміти, як використовувати кожен метод і чим вони відрізняються. getServerSideProps зазвичай не рекомендується, якщо немає вагомої причини, тому що це блокуючий виклик і він уповільнить ваш сайт. Incremental Static Regeneration↗ - це відмінна альтернатива getServerSideProps, коли дані динамічні та можуть бути отримані поступово.

Якщо ви все одно хочете використовувати цю функцію, перегляньте ці посилання: Advanced tRPC - Callers, functions, and gSSP↗ та SSG-Helpers↗

Корисні ресурси