Перейти к содержимому

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