Next.js

Раздел про full-stack React-фреймворк: App Router, серверные компоненты, загрузку данных, кэширование, Server Actions, Edge Runtime и монолитную архитектуру.

13 статей 112 вопросов

Начни с базы

Основы Next.js: что это, зачем нужен и как начать

Фундамент Next.js для начинающих: что такое Next.js, чем отличается от React, файловый роутинг, серверный рендеринг (SSR), статическая генерация (SSG), инкрементальная статическая регенерация (ISR) и первые шаги.

6 вопросов

Методы рендеринга в Next.js

Next.js поддерживает CSR, SSR, SSG, ISR, RSC, Streaming и PPR — каждая стратегия решает свои задачи по балансу между производительностью, актуальностью данных и SEO. Разбираем App Router-конфиги, on-demand revalidation и ограничения Static Export.

10 вопросов

Роутинг в Next.js: App Router

Разбираем App Router в Next.js 13+: файловая структура, динамические сегменты, группы роутов, параллельные и перехватывающие роуты, middleware.

8 вопросов

Серверные и клиентские компоненты: правила композиции

Разбираем правила композиции серверных и клиентских компонентов в Next.js App Router: допустимые импорты, паттерн children и типичные ошибки.

8 вопросов

Data Fetching в Next.js App Router

Разбираем загрузку данных в Next.js App Router: серверные компоненты, кэширование, Server Actions, Route Handlers и Suspense.

10 вопросов

Углубись в детали

Next.js: Route Handlers и Server Actions

Разбираем Route Handlers и Server Actions в Next.js App Router: когда какой подход выбрать и как писать безопасный серверный код.

10 вопросов

Кэширование в Next.js: уровни и ревалидация

Четыре уровня кэша Next.js: Request Memoization, Data Cache, Full Route Cache и Router Cache. Управление через cache, revalidate, tags и router.refresh.

9 вопросов

Next.js Server API: headers, cookies, cache

Обзор серверных API Next.js App Router: чтение заголовков и cookies, навигация, инвалидация кэша и клиентские хуки. Разбираем синтаксис и ограничения.

8 вопросов

Оптимизация производительности в Next.js

Разбираем встроенные механизмы оптимизации Next.js: next/link, next/image, next/font, next/script, рендеринг, кэширование, code splitting и SEO.

9 вопросов

Next.js

Начни с базы

Основы Next.js: что это, зачем нужен и как начать

Методы рендеринга в Next.js

Роутинг в Next.js: App Router

Серверные и клиентские компоненты: правила композиции

Data Fetching в Next.js App Router

Углубись в детали

Next.js: Route Handlers и Server Actions

Кэширование в Next.js: уровни и ревалидация

Next.js Server API: headers, cookies, cache

Оптимизация производительности в Next.js

Не будет лишним

RSC Payload в Next.js

Edge Runtime в Next.js

PWA в React и Next.js

Next.js-монолит: прямой доступ к БД