C.W.K.
Stream
Lesson 06 of 08 · published

Vercel & Ecosystem

~18 min · Vercel, ecosystem, deployment

Level 0Curious
0 XP0/68 lessons0/11 achievements
0/120 XP to next level120 XP to go0% complete

Vercel 이 Next.js 를 만들지만, 소유하진 않아

Vercel 이 Next.js 만들고 유지하고, Next.js 에 최적화된 hosting platform 을 운영해. 둘이 단단히 묶여 있지만 Next.js 자체는 open source 고 Node 도는 곳 어디든 self-host 가능.

Vercel 이 next start 위에 얹어주는 것

  • Zero-config deploy — 연결된 repo 에 git push 하면 production 으로.
  • Preview deployment — PR 마다 unique URL.
  • Edge runtime — 30+ region 에서 low-latency middleware/proxy.
  • ISR distributed — edge cache 전체에 걸쳐 (sub-second invalidation).
  • Image CDNsharp install 안 해도 edge 에서 서빙.
  • Analytics & Speed Insights — real-user Core Web Vitals.

Self-hosting 의 현실

Self-hosting 잘 작동하고 docs 도 솔직해 — image optimization 은 sharp install 필요, ISR cache 는 default 로 한 region, preview URL 없음, SSL 과 process manager 직접 운영.

"Vercel-only" 미신이 틀린 이유

Server Action, RSC, streaming, ISR, image/font optimization, Server Action caching — 다 vanilla Node 서버에서 돌아. Vercel-only 인 건 platform layer (preview URL, distributed cache, edge function) 지 framework feature 가 아니야.

Code

Repo 연결해서 deploy·bash
npm i -g vercel
cd my-nextjs-app
vercel              # interactive: org link, project name
# 그 뒤로 main 에 push 할 때마다 production 자동 deploy
같은 app 을 self-host·bash
npm run build
NODE_ENV=production npm run start
# nginx / caddy + process manager (PM2, systemd, launchd) 뒤에.
# Next.js feature 다 사용 가능.

External links

Exercise

같은 starter app 을 두 번 deploy: 한 번은 Vercel (또는 docs 읽고 step 적기), 한 번은 본인 Mac 에서 next start + caddy/nginx. 둘 사이 어떤 feature 가 바뀌는지 메모.

Progress

Progress is local-only — sign in to sync across devices.
이 페이지에서 버그를 발견하셨거나 피드백이 있으세요?문제 신고

댓글 0

🔔 답글 알림 (로그인 필요)
로그인댓글을 남기려면 로그인해 주세요.

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