프로덕션에 NextJS 배포

기본적으로 NextJS 응용 프로그램은 제로 구성으로 Vercel에 쉽게 배포할 수 있습니다. 그렇다고 해서 다른 플랫폼이 제공하는 것을 탐색해서는 안 된다는 의미는 아닙니다.

NextJS 애플리케이션을 배포하려면 아래 단계를 따르십시오. 번거로움 없이 바로 시작하려면 아래 버튼을 사용하세요.

Netlify 계정 생성

브라우저에서 https://app.netlify.com/signup으로 이동하여 Netlify 계정을 생성합니다.



자신에게 가장 적합한 방법을 선택하십시오(저는 GitHub를 사용하겠습니다).

다음 프로젝트 준비

프로젝트에 종속 항목 설치@netlify/plugin-nextjs:

npm i @netlify/plugin-nextjs

NextJS 프로젝트의 루트에서 netlify.toml 파일과 파일에 다음 코드를 생성합니다.

[build]
  command = "npm run build"
  publish = ".next"

[[plugins]]
  package = "@netlify/plugin-nextjs"

Ensure to update and commit changes on GitHub

Netlify에 배포

배포하려면 Netlify 대시보드https://app.netlify.com/로 이동하여 Add New Site 탭의 Site 버튼을 생성합니다.



드롭다운에서 Import an Existing Project를 선택합니다.



새 페이지로 이동하고 Git 공급자를 선택하라는 메시지가 표시됩니다. 저는 GitHub를 사용하겠습니다.



프로젝트가 포함된 리포지토리를 선택하고 사이트 배포를 진행합니다. Basic build settings 아래의 항목을 변경하지 마십시오.


Deploy Site 버튼을 클릭하고 완료될 때까지 기다립니다.

배포가 완료되면 사용할 준비가 된 것입니다!

Netlify offers automatic deploys once you push a commit, and provides a preview link for the build! That is very useful!

데모 사이트 보기: https://nextnetlifystarter.netlify.app/

소스 보기: https://github.com/achingachris/next-netlify-starter

당신은 이것을 얻었다