platform Introduced in L4

Vercel

The Next.js platform of record. Tightest integration with Next, expensive at scale, fastest dev iteration.

Mindmap

hover · click to navigate
this tech depends on / used by alternative Shipyard anchor
What it is

The plain-English version

Vercel is the company behind Next.js, and Vercel Hosting is the platform purpose-built for it. Connect a git repo, push, deploy. Preview deployment per PR. Edge functions, serverless functions, image optimization, analytics, and a dev experience that's hard to beat for Next apps.

Why it exists

The problem it solves

If you're building with Next, Vercel is the path of least friction. Every Next feature works on day one (because they ship together). The cost story breaks down at scale — bandwidth and function invocations get expensive — but for early-stage and mid-sized apps it's excellent.

What it competes with

Alternatives

AlternativeTypeWhen it wins
Cloudflare PagesplatformCloudflare's static + functions hosting. Built on Workers. Fast global CDN, fair pricing, generous free tier.
AWScloudThe largest cloud. Every primitive you'll ever need, plus a punishing bill if you're not careful.
Where it shows up in Shipyard

Deep links

Vocabulary

The words you'll hear

Edge / Serverless Functions
Two runtime types. Edge is lightweight V8; Serverless is full Node, slower cold starts.
ISR (Incremental Static Regeneration)
Pages that rebuild themselves on a schedule or revalidation.
Preview deployments
Each PR auto-deployed to a unique URL.
Analytics
Built-in Web Vitals, traffic, and audience analytics.
Storage
Vercel KV (Redis-compat), Vercel Postgres, Vercel Blob.
Prompting

Bad vs. good prompt for Vercel

✕ Bad prompt
host my app on vercel
✓ Good prompt
Deploy this Next.js 14 App Router app to Vercel. Set up two environment branches: production (main) and preview (all other branches). List the env vars I need (DATABASE_URL, AUTH_SECRET, GOOGLE_CLIENT_ID, GOOGLE_CLIENT_SECRET) and which should be encrypted. Configure the custom domain and a www → apex redirect.

Why it works: Specifies environment branching, lists exact env vars by name, and asks for the redirect setup — the part most teams forget until they wonder why www.tasklane.com 404s.

Pitfalls

What bites real teams

⚠ Bandwidth costs

Vercel's bandwidth pricing surprises teams whose apps go viral. Track usage early.

⚠ Function timeouts

Free tier has short timeouts. Long-running operations need queues, not requests.

⚠ Caching defaults

Aggressive. Read the caching docs once, then opt-in/out deliberately.

References

Official docs only