13. dynamic и static страницы, revalidate по времени

Курс ведет Анастасия Беликова. 👉 Ссылка платформу с конспектом и актуальными ссылками https://it-incubator.io/react/ru/react-middle-senior-tutorials/nextjs-base-free-course/dynamic-and-static-page-revalidate?s=64BA47 В этом видео разберем на практике: • Разницу между статическими (SSG) и динамическими (SSR) страницами • Как работают fetch cache, no-store, force-cache и revalidate • Настройку revalidate по времени для Incremental Static Regeneration (ISR) • Конфигурацию сегментов через export const dynamic и revalidate Подарки от IT-Incubator на новый год: https://r.bothelp.io/tg?domain=itincubatorsendingbot&start=c1765200463790-ds&&utm_source=youtube&utm_medium=itink&utm_campaign=nestjs Мощный бесплатный курс по React JS геймдеву: https://mrqz.me/693aa865f6d92d0018e5d2f6 А если ты хочешь серьёзно стать фронтенд-разработчиком, то го к нам! https://it-incubator.io/education/front-end?utm_source=youtube&utm_medium=nextjs&utm_campaign=video Обучение бэкенд-разработчиков NodeJS до уровня миддл: https://it-incubator.io/education/back-end?utm_source=youtube&utm_medium=nextjs&utm_campaign=video ⏱️ Тайм-коды: 00:01 — Введение: динамические vs статические страницы 00:36 — Проверка статичности страницы в режиме разработки и продакшн 02:45 — Сборка приложения и поведение кэша в production 04:34 — Управление кэшем через cache в fetch API 06:47 — Параметры кэша: no-cache, no-store, force-cache 08:20 — Динамические страницы с параметрами [id] 09:54 — Глобальная настройка через export const dynamic 11:46 — force-dynamic и force-static настройки 13:11 — Время жизни кэша и revalidate 17:10 — Практика: чтение файла data.json с fs 20:32 — Настройка revalidate по времени (например, 15 сек) 23:29 — Как работает процесс ревалидации 26:07 — Тестирование в браузере: от статических данных к свежим 27:29 — Приоритеты: revalidate на уровне запроса vs страницы Что вы научитесь настраивать: • Оптимальную стратегию кэширования для разных типов контента • ISR (Incremental Static Regeneration) с revalidate • Динамическое поведение страниц через сегменты роутинга • Приоритеты кэширования между отдельными fetch и всей страницей Для разработчиков Next.js, которые хотят углубиться в оптимизацию производительности, кэширование и работу с гибридным рендерингом. #NextJS #Кэширование #СтатическиеСтраницы #ДинамическиеСтраницы #Revalidate #ISR #ИнкрементальнаяСтатика #ВебРазработка #Программирование #React #NextJSОптимизация #SSG #SSR #Фронтенд