Руководства
Получение данных
- Использование API
fetch
- Использование ORM или клиента базы данных
- Чтение параметров поиска на сервере
- Чтение параметров поиска на клиенте
Ревалидация данных
- Использование ISR для ревалидации данных через определённое время
- Использование ISR для ревалидации данных по запросу
Формы
- Отображение состояния ожидания при отправке формы
- Валидация формы на стороне сервера
- Обработка ожидаемых ошибок
- Обработка непредвиденных исключений
- Оптимистичные обновления интерфейса
- Программная отправка форм
Серверные действия (Server Actions)
- Передача дополнительных значений
- Ревалидация данных
- Перенаправления
- Установка cookies
- Удаление cookies
Метаданные
- Создание RSS-ленты
- Создание Open Graph изображения
- Создание карты сайта (sitemap)
- Создание файла robots.txt
- Создание кастомной страницы 404
- Создание кастомной страницы 500
Аутентификация
- Создание формы регистрации
- Управление сессиями без состояния (cookie-based)
- Управление сессиями с состоянием (database-backed)
- Управление авторизацией
Тестирование
Деплой
- Создание Dockerfile
- Создание статического экспорта (SPA)
- Настройка кэширования при самостоятельном хостинге
- Настройка оптимизации изображений при самостоятельном хостинге
Аналитика
Измерение и отслеживание производительности страниц с помощью 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, следуя версионным руководствам.