Режиме продакшена в фреймворке NextJS
Режим продакшена предназначен для запуска проекта на хостинге. Основная цель этого режима состоит в том, чтобы обеспечить максимальную производительность и безопасность проекта, а также сократить объем подгружаемых файлов для экономии системной памяти.
Основные особенности режима продакшена:
- Оптимизация кода - перед запуском в продакшене код компилируется. Например, выполняется минимизация JavaScript и CSS для уменьшения их размера и ускорения загрузки страницы.
- Статическая генерация - фреймворк заранее генерирует страницы, что ускоряет их загрузку на сайте.
- Оптимизация изображений, которые автоматически сжимаются и подгоняются для разных размеров экрана и устройств.
- Удаление отладочной информации - весь код для отладки ошибок убирается со страниц браузера. Это необходимо для безопасной работы проекта и скрытия информации о структуре файлов от пользователей.
- Отсутствие горячей перезагрузки - в отличие от режима разработки, здесь нет автоматической перезагрузки при каждом внесенном изменении.
Режим продакшена запускается двумя командами. Для начала нужно выполнить продакшн-сборку проекта:
npm run build
А затем запустить собранный проект:
npm start
После запуска проекта вы увидите информацию об основной структуре проекта. Специальными символами отмечаются типы контента проекта - статический и динамический. На данный момент у нас есть только статический контент.
Для пробы запустите проект в режиме продакшена.
Выключите режим продакшена и включите режим разработки. Далее в уроках мы будем работать именно в этом режиме.