[Next.js] Vercel에 배포
본문 바로가기
프레임워크/Next.js

[Next.js] Vercel에 배포

by 은돌1113 2022. 2. 26.

Next.js를 프로덕션에 배포하는 가장 쉬운 방법은

Next.js 제작자가 개발한 Vercel 플랫폼을 사용하는 것입니다.

 

Vercel은 헤드리스 콘텐츠, 상거래 또는 데이터베이스와 통합하도록

구축된 정적 및 하이브리드 애플리케이션을 위한 서버리스 플랫폼입니다.

 

1. Vercel 계정 생성

 

Sign Up – Vercel

Vercel is the easiest way to deploy websites. Host your web projects for free with zero configuration, automatic SSL, and global CDN.

vercel.com

 

2. nextjs-blog 저장소(repo) 가져오기

가입 후 Vercel에서 repo를 가져 옵니다. 이때 Github용 Vercel을 설치 해야 합니다.

모든 저장소에 대한 액세스 권한을 부여 할 수 있습니다.​

 

New Project – Vercel

Let's build something new. To deploy a new Project, import an existing Git Repository or get started with one of our Templates.

vercel.com

 

3. 기본 설정 및 배포

다음 설정에 대해 기본값을 설정 할 수 있습니다.

(Vercel은 자동으로 Next.js 앱이 있음을 감지하고 최적의 빌드 설정을 선택하기 때문에 따로 설정하지 않아도 됩니다.)

- 프로젝트 이름

- 루트 디렉토리

- 빌드 명령

- 출력 디렉토리

- 개발 명령

 

배포하면 Next.js 앱 빌드가 시작됩니다.

 

완료 후에는 배포 URL을 받게 되고, URL 중 하나를 클릭하면 Next.js 시작 페이지가 라이브로 표시됩니다.


그 밖에 더 다양한 기능들은 아래 공식문서에서 확인 하실 수 있습니다.

 

Learn | Next.js

Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more.

nextjs.org

 

댓글