Этот урок посвящен сборке и экспорту проекта в виде статического веб-сайта.
Сборка проекта
Для сборки используется команда next build (или npm run build). Выполните её в терминале.
Экспорт проекта
После сборки экспортируйте проект командой next export. Альтернативно, добавьте опцию экспорта в команду next build, например, добавив next export в скрипт build в файле package.json.
Решение ошибки сборки
Ошибка при сборке может быть связана с отсутствием параметра output: ‘export’ в next.config.js. Добавьте его:
// next.config.js
module.exports = {
output: 'export',
}Повторно запустите сборку после сохранения изменений.
Запуск экспортированного проекта
В корне проекта появится папка out со статическим сайтом. Запустите его локально, например, командой npx serve -s out. Это установит и запустит библиотеку serve, открыв сайт на указанном localhost адресе и порту.
Развертывание проекта
Разместите экспортированный статический сайт на любом удаленном сервере, поддерживающем технологию Now.js.
Дальнейшие шаги
Вы освоили создание веб-сайтов на Next.js с использованием React.js. Серверная генерация контента упрощает оптимизацию и продвижение в Google.
Следующий этап – изучение работы с базами данных и создание полноценных проектов. Next.js поддерживает клиентскую и серверную разработку, включая работу с базами данных.