Полный курс по Next.js
О чём курс
О чём курс
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 и стейта при перезагрузке. Механика навигации Разбираемся, как приложение мгновенно открывает новые страницы. Изучаем механизмы умной предзагрузки данных, работу внутреннего кэша и управление поведением скролла.
Теги курса
Отзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.