heroku nextjs
Nginx buildpack, Next 13 & React 18
Heroku에 React 기반 범용 웹 앱을 배포하십시오.
이 repo의 데모 배포 :
https://nextjs.herokuapp.com
사용자 정의 노드/익스프레스 서버가 지원됩니다. 사용하기 :
다음 앱이 로컬로 작동하면 공개 액세스를 위해 배포 할 수 있습니다.
npm start 스크립트를 수정하여 웹 리스너 $PORT 설정하십시오.
이 항목을 package.json 으로 병합합니다.
{
"scripts" : {
"dev" : " next " ,
"build" : " next build " ,
"start" : " next start -p $PORT "
}
} ️ 2019 년 3 월, Heroku는 npm run build 자동으로 실행하기 시작 했으므로 오래된 heroku-postbuild 스크립트 항목이 더 이상 필요하지 않습니다.
로컬 전용 디렉토리를 무시하는 앱이 git repo인지 확인하십시오.
git init
(echo node_modules/ && echo .next/) >> .gitignoreHeroku 앱 생성 :
heroku create $APP_NAME배포 :
git add .
git commit -m ' Next.js app on Heroku '
git push heroku main Ø 2020 년 7 월 현재 Heroku는 git push heroku main 지원하고 그 사용을 장려합니다. 'Master'의 지점 이름에 대한 지원은 거꾸로 호환성이 유지됩니다.
♻️ 바치 변경 : 추가, 커밋 및 푸시 다시.
다음 자체는 다음.config.js 파일을 통해 빌드 및 런타임 구성을 지원합니다.
React 구성 요소 내에서 환경 변수 (Heroku Config vars)를 사용하면 재건이 필요하지 않습니다! process.env 객체를 사용하여 서버의 환경에서 다음 .config.js 값을 설정하십시오.