프로덕션에 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

당신은 이것을 얻었다