open atlas

nextjs

Next.js с нуля до senior

Стратегии рендеринга, App Router, серверные компоненты и слои кеширования — Next.js в продакшене.

10 юнитов·32 уроков·~9 ч

Начать трек
01

SSR, SSG, ISR, серверные компоненты

Каждый режим рендеринга — свой ответ на вопрос «когда собирается HTML и кто платит за латентность».
02

App Router, слои кеша, server actions

App Router ставит четыре кеша между тобой и свежими данными; понять, какой именно сработал, — и есть production-навык.
03

Route handlers, middleware, рантаймы

Route handlers — твоя API-поверхность; middleware бежит на каждом подходящем запросе на edge, а рантайм решает, какой код вообще возможен.
04

Аутентификация в App Router

Auth в Next.js — вопрос границ: middleware редиректит, layout не защищает, а каждый server action — публичный эндпоинт.
05

Картинки, шрифты, бюджеты бандла

Ассеты определяют LCP и INP: next/image и next/font делают быстрый путь дефолтом, а бюджеты не дают ему деградировать.
06

Деплой и edge

Self-host — реальная опция: standalone-вывод в контейнере, edge для роутинга, а не данных, ISR требует общий кеш при более чем одном поде.
07

Наблюдаемость и ошибки

error.tsx — дерево границ, а не страница: instrumentation.ts включает OTel до старта кода, а логи RSC живут только на сервере.
08

Архитектура в масштабе

Route groups — границы модулей: монорепо делится по доменам, общий код уходит в пакеты, а pages→app мигрирует маршрут за маршрутом.
09

Слой данных

RSC ходят в базу напрямую: пул на процесс, а не на запрос; serverless требует прокси; cache-теги моделируют домены.
10

Next.js в проде

Next.js в проде падает через cache poisoning, ISR-штормы и cold starts — этот юнит про анатомию инцидентов и математику затрат.

Проекты по этому треку

Guided-проекты, которые закрепляют изученное здесь.

Следующий трек

Go с нуля до senior

Маленький язык для больших систем — типы, ошибки, интерфейсы и конкурентность, которая масштабируется.