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

2 участника

О чём курс

О чём курс

TeaCoder разбирает разработку full-stack приложений на платформе Next.js с упором на современную архитектуру App Router. Автор начинает с фундаментальных механизмов: эволюции от MPA к React Server Components, внутреннего устройства React Fiber и Concurrent Mode, а также различий выполнения кода в рантаймах Node.js и Edge. Вы научитесь разделять компоненты на серверные и клиентские, отслеживать передачу данных через маркеры RSC Payload и проектировать интерфейс, который масштабируется без усложнения структуры.

Темы и архитектура

В курсе последовательно разбираются ключевые концепции создания масштабируемых веб-приложений:

  • маршрутизация со сложными вложенными макетами, группами маршрутов и динамическими ссылками;
  • интерфейсы с параллельными и перехватывающими путями Parallel и Intercepting Routes для модальных панелей с сохранением URL;
  • оптимизация рендеринга, потоковая передача контента со streaming и Suspense;
  • многоуровневое кеширование, поведение встроенного fetch и тонкости инвалидации данных;
  • мутации через Server Actions, проверка входящих данных в формах и оптимистичные обновления интерфейса;
  • интеграция с базой данных в серверном окружении, логика middleware и механики real-time взаимодействия;
  • безопасность серверных действий, предотвращение утечек данных и защита от атак Cache Poisoning и SSRF;
  • компиляция и инкрементальные вычисления со сборщиками SWC и Turbopack.

Практический проект

Финальная часть курса отведена под создание полноценного full-stack проекта — аналога сервиса Letterboxd. Вы спроектируете систему с нуля, реализуете ключевые пользовательские механики и выполните деплой готового веб-приложения на платформу Vercel. К курсу также прилагается готовый исходный код для самостоятельного изучения.

Программа обучения

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

Складчина создана 6 сентября 2026 г. · описание обновлено 25 октября 2026 г.

Теги курса

Профессии
Навыки
Инструменты
0 ₽