Vercel Deployment

~18 min · Vercel, git push, preview

Level 0Curious

0 XP0/68 lessons0/11 achievements

0/120 XP to next level120 XP to go0% complete

지구상 가장 단순한 deploy

Repo 를 Vercel 에 connect; main 에 push 마다 production ship, PR 마다 unique preview URL. Platform 이 framework 만드는 같은 팀이 만들어서 default 가 옳음.

Configure 0 으로 받는 것

자동 build + cache
PR 별 preview deployment
Edge function 지원
Edge 에서 image optimization
Global cache 너머로 ISR distributed
Web Analytics 와 Speed Insights opt-in

Environment variable

Dashboard 또는 CLI 통해 설정. 셋 scope: production, preview, development. Preview 가 production 과 별도 값 가능 — staging database 위해 유용.

Code

Deploy 두 방법·bash

# Option 1 — CLI
npm i -g vercel
cd my-app
vercel             # interactive: org/project link
vercel --prod      # production 으로 promote

# Option 2 — Git integration
# vercel.com 에서 repo connect → main 에 push = production deploy

Environment 별 env var·bash

vercel env add DATABASE_URL production
vercel env add NEXT_PUBLIC_API_URL preview development

# Preview URL 이 staging DB 사용, production 은 live.

External links

Vercel + Next.js

Exercise

CLI 또는 repo connect 통해 project 를 Vercel 에 deploy. PR 열고 preview URL 이 변경 render 하는지 확인. Preview vs production 위해 다른 DATABASE_URL 설정.

Progress

Progress is local-only — sign in to sync across devices.

← 🎨 Styling, Images & Optimization퀴즈 · 4 questions Next →Self-Hosting

이 페이지에서 버그를 발견하셨거나 피드백이 있으세요?문제 신고

🔔 답글 알림 (로그인 필요)

로그인 — 댓글을 남기려면 로그인해 주세요.

아직 댓글이 없어요. 첫 댓글을 남겨보세요.