Получить доступ

Next.js

Основа

Мета-фреймворк на React — маршрутизация по файлам, SSR и SSG, серверные компоненты.

Next.js добавляет к React то, чего в нём нет: маршрутизацию по структуре файлов, серверный рендеринг и статическую генерацию, загрузку данных на сервере, оптимизацию картинок и шрифтов, API-обработчики.

app/
  layout.tsx           общий каркас
  page.tsx             /
  orders/
    page.tsx           /orders
    [id]/page.tsx      /orders/42

Что важно знать

  • App Router: компоненты по умолчанию серверные; "use client" — граница клиентского кода.
  • Данные загружаются прямо в серверных компонентах (await fetch, запрос в БД), без отдельного API.
  • Стратегии: статическая страница, динамическая на каждый запрос, пересборка по времени или по событию.
  • Server Actions — функции на сервере, вызываемые из форм.
  • Кэширование в Next.js многоуровневое — частый источник «почему данные не обновились».
  • Альтернатива — React Router в режиме фреймворка (бывший Remix).

Темы этапа

Документация

← Вся карта «React»

Закрытая бета

Знать тему — половина дела

На живом собеседовании sotto слышит вопрос интервьюера и показывает короткий ответ и план. Оставьте контакт — пришлём доступ и промокод.

  • Промокод на 2 часа — сверх пробных 30 минут
  • Программа для Windows — скачать сразу, войти — через Яндекс ID или VK ID
  • Прямая связь с разработчиком: что улучшить — сделаем