Руководства

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

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

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

Расширьте стандартные настройки Babel, добавляемые Next.js, с помощью собственной конфигурации.

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

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

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

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

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

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

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

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

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

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

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

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

Узнайте, как настроить MDX для написания JSX в ваших Markdown-файлах.

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

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

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

Расширьте конфигурацию PostCSS и плагины, добавленные Next.js, своими собственными.

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

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

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

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

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

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

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

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

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

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

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

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