Полный курс по Next.js [TeaCoder]

[ALL DAR Bot]

Автор: TeaCoder
Название: Полный курс по Next.js [TeaCoder]

Описание:
Складчина: Полный курс по Next.js [TeaCoder]

Практический курс по Next.js, в котором последовательно разбирается современный подход к построению full-stack приложений и архитектуре App Router.

В этом курсе мы разберем Next.js и последовательно пройдем через устройство App Router, границу между сервером и клиентом, а также то, как передаются данные и формируется итоговый UI. Мы научимся строить маршрутизацию с вложенными layout'ами, разберем поведение компонентов при навигации и научимся проектировать структуру приложения так, чтобы оно масштабировалось без хаоса.

Отдельно разберем рендеринг, streaming и работу с Suspense, чтобы контролировать загрузку данных и поведение интерфейса. Большой блок будет посвящен кешированию и работе с данными, где мы разберем разные уровни кеша, поведение fetch и способы управления актуальностью данных.

После этого перейдем к мутациям через Server Actions, научимся валидировать данные, работать с формами и строить отзывчивый интерфейс с оптимистичными обновлениями. Также мы затронем работу с базой данных в серверной среде, разберем подходы к архитектуре, real-time взаимодействие, middleware и базовые принципы безопасности на уровне приложения. В финале мы соберем полноценный full-stack проект - клон Letterboxd - с продуманной архитектурой и всеми ключевыми механиками, и задеплоим его на Vercel.

Программа:

1. Эволюция рендеринга
   
   От MPA до RSC. Разбираем, почему старые подходы умирали на больших проектах и как мы пришли к текущей архитектуре.
   
2. Движок React
   
   Fiber и Concurrent Mode. Изучаем внутренности React, которые сделали возможным стриминг и современную работу с компонентами.
   
3. Битва рантаймов
   
   Node.js vs Edge. Разбираемся в V8 Isolates и смотрим, как Next.js выжимает максимум скорости, используя современные движки.
   
4. Магия сборки
   
   SWC и Turbopack. Глубокий разбор инкрементальных вычислений и того, почему компиляция на Rust - это новый стандарт индустрии.
   
5. Безопасность (Deep Dive)
   
   Уязвимости и патчи. Как не слить базу через Server Actions и защитить приложение от Cache Poisoning и SSRF.
   
6. Создание и разбор Next App
   
   Разворачиваем проект и смотрим, что нас подсунул Next.js: структура файлов и первый запуск.
   
7. Анатомия RSC Payload
   
   Разбираем маркеры :HL, I, D, $ и $L, чтобы понимать, как сервер общается с браузером.
   
8. Анатомия страницы
   
   Разбираем, из каких кирпичиков строится интерфейс. Учимся создавать общие элементы для разных разделов и понимаем, как они соединяются между собой.
   
9. Состояние и переходы
   
   Как ведут себя страницы при навигации. Управляем экранами загрузки и обработки ошибок, а также разбираем способы принудительного обновления контента.
   
10. Динамический роутинг
    
    Работаем с переменными в ссылках. Учимся создавать сотни страниц по одному шаблону.
    
11. Группы маршрутов
    
    Разбираем, как группировать файлы в папки так, чтобы это не влияло на итоговые ссылки.
    
12. Продвинутый UI
    
    Parallel & Intercepting Routes. Реализация сложных интерфейсов: модалки и панели с сохранением URL и стейта при перезагрузке.
    
13. Механика навигации
    
    Разбираемся, как приложение мгновенно открывает новые страницы. Изучаем механизмы умной предзагрузки данных, работу внутреннего кэша и управление поведением скролла.

Что получите:

• Готовый код курса для скачивания
  
• Курс также доступен на YouTube

Цену установит организатор

Скрытая ссылка

Материал «Полный курс по Next.js [TeaCoder]», возможно, скоро появится на All-DAR.

Пройдите регистрацию и оформите Premium подписку, чтобы первым получить доступ, и воспользуйтесь поиском — может быть, он уже опубликован.​