Загрузка статического сайта next.js на хостинг

Как загрузить статический сайт next.js на хостинг

Если вы разработали приложение на next.js, которому не требуется загружать дополнительные данные из базы данных или других источников на каждый запрос клиента, наиболее правильным решением будет сгенерировать статические html страницы и разместить их на хостинге, без покупки VPS и поднятия на нем nodejs, pm2/strongloop/forever, что несет за собой дополнительные расходы. Такой подход подойдет если ваше приложение — landing page/документация/сайт визитка.


Генерация статических страниц

Для генерации статических страниц вашего приложения, откройте терминал и перейдите в корневой каталог вашего приложения. Выполните команду:

next build && next export


После того как приложение будет сгенерировано, в корневом каталоге появится папка `/out`. Так как все страницы внутри приложения доступны по адресам вида: https://your-app.com/services, а сгенерированные файлы имеют расширение `*.html`, необходимо создать файл `.htaccess` в папке `/out`, который укажет веб-серверу Apache какие страницы отдавать пользователю.

Создайте файл с названием `.htaccess` в папке `/out` с содержимым:

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}\.html -f
RewriteRule ^(.*)$ $1.html


Теперь загрузите все файлы из папки `/out` в каталог `public_html` вашего хостинг-аккаунта.

  • nextjs, deploy, .htaccess
  • 1 Пользователи нашли это полезным
Помог ли вам данный ответ?

Связанные статьи

Предложенные тарифные планы меня не устраивают. Что делать?

Q. Предложенные тарифные планы меня не устраивают. Что делать?A. Свяжитесь со службой технической...

Что будет с моим сайтом если я вовремя не оплачу счет?

Q. Что будет с моим сайтом если я вовремя не оплачу счет?A. Ваш аккаунт будет заблокирован и удален.

Если мне станет «тесно» в выбранном мною тарифном плане, можно его будет изменить?

Q. Если мне станет «тесно» в выбранном мною тарифном плане, можно его будет изменить?A. Да, это...

Через сколько часов после оплаты мне дадут доступ к аккаунту?

Q. Через сколько часов после оплаты мне дадут доступ к аккаунту?A. Доступ к аккаунту как правило...

Подскажите, пожалуйста, как удалить неудаляемые файлы или папки?

Q. Подскажите, пожалуйста, как удалить неудаляемые файлы или папкм?A. Для удаления таких файлов,...