← 돌아가기

Step 3: Vercel 배포

🤔 Vercel이 뭔가요?

🌐

무료 호스팅

내 사이트를
무료로 공개

🔗

GitHub 연동

자동으로
동기화됨

⚡

빠른 배포

3번 클릭으로
배포 완료!

✨ 마법 같은 순간

코드 수정 → git push → 자동 배포!
더 이상 할 일이 없어요. Vercel이 알아서 합니다! 🎉

1️⃣ Vercel 계정 만들기

Step 1

Vercel 접속

https://vercel.com
Step 2

Sign Up 클릭

"Continue with GitHub" 선택

Step 3

GitHub 인증

GitHub 계정으로 로그인하면 자동 연결!

💡 GitHub 계정으로 가입하면 자동으로 연동됩니다!

2️⃣ 프로젝트 배포하기

Step 1

Add New Project 클릭

대시보드에서 "Add New..." → "Project" 선택

💡 또는 "Import Git Repository" 클릭

Step 2

Repository 선택

GitHub에 올린 my-app 선택

💡 만약 안 보이면 "Adjust GitHub App Permissions" 클릭

Step 3

Deploy 클릭!

아무것도 수정하지 말고 바로 Deploy 버튼 클릭!

✅ Vercel이 자동으로 Next.js 프로젝트를 인식하고 설정합니다!

3️⃣ 배포 완료! 🎉

🎉

축하합니다!

당신의 웹사이트가 전 세계에 공개되었습니다!

내 사이트 URL:

my-app.vercel.app

🌐 어디서나 접속 가능

PC, 모바일, 태블릿
누구나 이 URL로 접속할 수 있어요!

⚡ 빠른 속도

Vercel의 CDN으로
전 세계 어디서나 빠르게!

4️⃣ URL 공유하기

👥 친구에게 자랑하기

카카오톡, 이메일, 문자로 URL 공유!

"내가 만든 사이트야! 들어가봐!"
https://my-app.vercel.app

💼 포트폴리오로 활용

• 이력서에 링크 첨부
• GitHub 프로필에 추가
• SNS에 공유

❓ 자주 묻는 질문

Q. 정말 무료인가요?

✅ 네! Hobby 플랜은 완전 무료입니다.
개인 프로젝트는 충분히 사용할 수 있어요.

Q. URL을 바꿀 수 있나요?

✅ Project Settings에서 도메인 변경 가능!
my-cool-app.vercel.app

Q. 나만의 도메인을 쓰고 싶어요

✅ 가능합니다! (예: mycoolapp.com)
도메인 구매 후 Vercel에 연결하면 됩니다.

Q. 얼마나 많은 사람이 접속할 수 있나요?

✅ 무료 플랜도 충분한 트래픽 제공!
수천 명이 동시에 접속해도 문제없어요.

💡 핵심 정리

Vercel 배포 3단계

  1. 1. Vercel 가입 (GitHub 연동)
  2. 2. Add New Project → Repository 선택
  3. 3. Deploy 클릭 → 완료! 🎉

✨ 이제부터는 git push만 하면 자동 배포!