Введение/Руководства

Руководства

Получение данных

Ревалидация данных

Формы

Серверные действия (Server Actions)

Метаданные

Аутентификация

Тестирование

Деплой

Аналитика

Измерение и отслеживание производительности страниц с помощью Next.js Speed Insights

Аутентификация

Узнайте, как реализовать аутентификацию в вашем приложении Next.js.

Кэширование сборок в CI

Узнайте, как настроить CI для кэширования сборок Next.js

Политика безопасности контента

Узнайте, как настроить политику безопасности контента (CSP) для приложения Next.js.

CSS-in-JS

Как использовать CSS-in-JS библиотеки с Next.js

Пользовательский сервер

Запуск приложения Next.js программно с использованием пользовательского сервера.

Отладка

Узнайте, как отлаживать приложение Next.js с помощью VS Code, Chrome DevTools или Firefox DevTools.

Draft Mode

Next.js предоставляет режим черновика (Draft Mode) для переключения между статическими и динамическими страницами. Здесь вы узнаете, как это работает с App Router.

Переменные окружения

Узнайте, как добавлять и использовать переменные окружения в приложении Next.js.

Формы

Узнайте, как создавать формы в Next.js с помощью React Server Actions.

ISR

Узнайте, как создавать или обновлять статические страницы во время выполнения с помощью инкрементальной статической регенерации.

Инструментирование

Узнайте, как использовать инструментирование для выполнения кода при запуске сервера в вашем Next.js приложении

Интернационализация

Добавление поддержки нескольких языков с помощью интернационализированной маршрутизации и локализованного контента.

JSON-LD

Узнайте, как добавить JSON-LD в ваше Next.js приложение, чтобы описывать контент для поисковых систем и ИИ.

Ленивая загрузка

Откладывайте загрузку импортируемых библиотек и React-компонентов, чтобы улучшить производительность загрузки приложения.

Среда разработки

Узнайте, как оптимизировать локальную среду разработки с помощью Next.js.

MDX

Узнайте, как настроить MDX и использовать его в приложениях Next.js.

Использование памяти

Оптимизация потребления памяти вашим приложением в режиме разработки и продакшена.

Мультитенантность

Узнайте, как создавать мультитенантные приложения с помощью App Router.

Multi-Zones

Узнайте, как создавать микрофронтенды с помощью Next.js Multi-Zones для развертывания нескольких Next.js-приложений под одним доменом.

OpenTelemetry

Узнайте, как инструментировать ваше Next.js приложение с помощью OpenTelemetry.

Сборка пакетов

Узнайте, как оптимизировать сборку серверной и клиентской частей вашего приложения.

Продакшен

Рекомендации для обеспечения наилучшей производительности и пользовательского опыта перед выгрузкой Next.js приложения в продакшен.

PWA

Узнайте, как создать Progressive Web Application (PWA) с использованием Next.js.

Редиректы

Узнайте о различных способах обработки редиректов в Next.js.

Sass

Как стилизовать приложение Next.js с помощью Sass.

Скрипты

Оптимизация сторонних скриптов с помощью встроенного компонента Script.

Самостоятельное размещение

Узнайте, как самостоятельно разместить приложение Next.js на сервере Node.js, в Docker-образе или в виде статических HTML-файлов (статический экспорт).

SPA

Next.js полностью поддерживает создание одностраничных приложений (Single-Page Applications, SPA).

Статический экспорт

Next.js позволяет начать со статического сайта или SPA (Single-Page Application), а затем при необходимости добавить серверные функции.

Tailwind CSS

Стилизация приложения Next.js с использованием Tailwind CSS.

Сторонние библиотеки

Оптимизируйте производительность сторонних библиотек в вашем приложении с помощью пакета `@next/third-parties`.

Видео

Рекомендации и лучшие практики по оптимизации видео в приложениях Next.js.

Миграция

Узнайте, как выполнить миграцию с популярных фреймворков на Next.js

Тестирование

Узнайте, как настроить Next.js с четырьмя популярными инструментами тестирования — Cypress, Playwright, Vitest и Jest.

Обновление

Узнайте, как обновиться до последних версий Next.js, следуя версионным руководствам.