heroku nextjs

Next.js на Heroku

Развертывание универсальных веб-приложений на основе React на Heroku.

Демонстрационное развертывание из этого репо:
https://nextjs.herokuapp.com

Поддерживается пользовательский узел/экспресс -сервер . Используйте его на:

• Объедините API узла со следующим/React UI
• Реализовать пользовательские маршруты URL -адреса

▶ ️ Далее с Custom Express Server

Требует

• Хероку
  • Инструменты командной строки (CLI)
  • бесплатная учетная запись
• git
• Node.js
• Next.js

Развертывание производства

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

1. Пересмотрите скрипт npm start , чтобы установить веб -прослушитель $PORT :

   Объедините эту запись в package.json :

   {
     "scripts" : {
       "dev" : " next " ,
       "build" : " next build " ,
       "start" : " next start -p $PORT "
     }
   }

   ️ В марте 2019 года Heroku начал автоматически запускать npm run build , поэтому старая запись сценария heroku-postbuild больше не требуется.

2. Убедитесь, что приложение-это репо, игнорируя каталоги только для местных.

   git init
   (echo node_modules/ && echo .next/) >> .gitignore

3. Создайте приложение Heroku:

   heroku create $APP_NAME

4. Развертывать:

   git add .
   git commit -m ' Next.js app on Heroku '
   git push heroku main 

   ️ По состоянию на июль 2020 года Heroku поддерживает git push heroku main и поощряет его использование. Поддержка названия филиала «Мастер» останется доступной для обратной совместимости.

5. ♻ Развернуть изменения: добавить, совершить и снова нажмите.

Пользовательская конфигурация

Затем сама поддерживает конфигурацию сборки и среды выполнения через файл следующего.config.js.

Используйте переменные среды (Heroku Config VARS) в ваших компонентах React, не требуется восстановления! Просто установите значения Next.config.js из среды сервера, используя объект process.env .