Next.js 13: SSG, SSR и ISR | Урок по Next.js 13
Dave Gray
0:00 / 0:00
Next.js 13: SSG, SSR и ISR | Урок по Next.js 13
58 794 просмотра · 3 года назад
Dave Gray
445 тыс. подписчиков
58 794 просмотра · 3 года назад
Дорожная карта веб-разработки для начинающих (бесплатно!): https://bit.ly/DaveGrayWebDevRoadmap
Next.js 13. Генерация статических сайтов (SSG), рендеринг на стороне сервера (SSR) и инкрементальная генерация статических сайтов (ISR) имеют свои преимущества, но знаете ли вы, как выбрать между генерацией статических сайтов (SSG), рендерингом на стороне сервера (SSR) и инкрементальной генерацией статических сайтов (ISR) для ваших серверных компонентов?
💖 Поддержите меня на Patreon ➜ / davegray
⭐ Станьте веб-разработчиком полного стека с помощью курсов «От нуля до мастерства»:
Полный курс разработчика Next.js: https://bit.ly/CompNextJSDev
Расширенный курс React: https://bit.ly/AdvReactDev
Дорожная карта от начинающего до опытного разработчика: https://bit.ly/WebDevRoadmap-JrtoSr
🚩 Подписаться ➜ https://bit.ly/3nGHmNn
📬 Обновления курсов ➜ https://courses.davegray.codes/
❓ Вопросы — задавайте их в моем Discord ➜ / discord
☕ Поддержите меня, купив мне кофе ➜ https://www.buymeacoffee.com/davegray
👇 Следите за мной в социальных сетях Медиа:
Github: https://github.com/gitdagray
Twitter: / yesdavidgray
LinkedIn: / davidagray
🔗 Исходный код: https://github.com/gitdagray/next-js-...
🔗 Плейлист для этого курса по Next.js: https://bit.ly/dg-nextjs
Получение данных в Next.js, динамические маршруты и метаданные
(00:00) Введение
(00:05) Приветствие
(00:32) Начальный код
(00:47) Используем ли мы компоненты SSG или SSR?
(02:52) Как работает сборка?
(04:39) Настройки кэша для запросов fetch
(06:09) Применение стратегии ISR
(08:14) Повторная валидация на уровне сегмента
(08:45) SSG и generateStaticParams
(14:51) Настройка dynamicParams
(15:37) Страницы, не найденные
(20:32) Обзор концепций
Исправления:
(19:05) Я по ошибке пропустил ключевое слово return! Исходный код урока обновлен, и вам нужно использовать: return undefined
📚 Ссылки на учебные материалы:
🔗 Официальный сайт Next.js: https://nextjs.org/
🔗 Документация Next.js 13 Beta: https://beta.nextjs.org/docs
Был ли этот урок по Next.js о SSG, SSR и ISR полезен? Если да, пожалуйста, поделитесь своими мыслями в комментариях.
#next #js #ssg