В этом видео мы рассмотрим все основные нововведения Next.js 13.4 App Router, их особенности и правила применения.
Код из урока - https://github.com/senior-frontend/next-app-router
Серверные компоненты - https://www.youtube.com/watch?v=0gaXP88yvPc&t=147s
Telegram - https://t.me/senior_zone
00:00 - О чем это видео
00:46 - Чем хорош Next.js
02:12 - Инициализация проекта
02:49 - Знакомство со структурой проекта
03:31 - Ч1: Роутинг, app vs page
06:15 - Ч1: Вложенный (nested) роутинг
06:51 - Ч1: Динамический роутинг
07:52 - Ч1: Группирование роутов
09:04 - Ч1: Layout
12:15 - Ч1: React Suspense, лоадер
13:07 - Ч1: Асинхронные компоненты
14:15 - Ч1: React Suspense, обработка ошибок
16:19 - Ч2: Server Components vs Client Components
17:45 - Ч2: Статический и динамический рендеринг
20:20 - Ч2: Кэширование и ревалидация
24:14 - Ч2: generateStaticParams (SSG)
25:30 - Ч2: API Route Handlers
30:39 - Ч2: Альфа фичи
31:27 - Ч3: Sitemap
34:22 - Ч3: Metadata
37:12 - Итоги курса
38:17 - Послесловие