[Next] 11. 배포

☁️ EC2? 아니, 이제는 Vercel 씁니다

우리는 EC2 안 씁니다.
Next.js 만든 애들이 만든 Vercel 씁니다.
그냥 Next.js랑 찰떡궁합이고, 배포도 쉽고 빠름.

https://vercel.com

Vercel: Build and deploy the best web experiences with the AI Cloud – Vercel

회원가입 먼저 하세요.
GitHub 계정으로 하면 편합니다.

 

✅ 터미널에서 준비

프로젝트 디렉토리로 이동해서

sudo npm install -g vercel

로그인

vercel login

이러면 이메일 넣으라고 뜨고,
이메일 넣으면 브라우저 창 뜨고,
가입한 방법으로 로그인하면 끝.

“로그인 완료되었습니다” 이런 안내가 터미널에 뜹니다.

🚀 드디어 배포

vercel

이거 한 줄 치면 질문을 미친 듯이 많이 해요.

근데 괜찮아요.
딱 보면 척입니다.

예를 들어 이런 거 물어봐요.

• 어떤 프로젝트 디렉토리냐?
• 어떤 프레임워크 쓰냐? (Next.js면 알아서 잡힘)
• 빌드 커맨드 뭐냐?
• 공개할 거냐?
• Team에 배포할 거냐?

거의 다 Enter 치면 됩니다.
(Next.js 쓰면 대부분 자동으로 설정 잡힘)

🔁 다음 배포부터는?

vercel --prod

 

근데, 백엔드도 같이 배포해야 api가 통신을 하죠.

백엔드 디렉토리가서 똑같이 배포하시고요

버셀 대시보드가서, 백엔드 서버 production deployment 섹션에 보면 도메인 있어요.

그겁니다.

그거 들고, 넥스트 앱에서 env에 baseurl 변경 ㄱㄱ