Going Live

It’s not real until it’s on the internet.

You’ve built a vibe locally. Now you need to share it with the world. We use Vercel because it’s the specific partner for Next.js and makes deployment effortless.

The “Zero Config” Magic

Deploying used to involve buying servers and configuring Linux. With Vercel, it involves three clicks.

Prerequisite

Your code must be on GitHub (ask your Antigravity agent to “Push this to GitHub” if you haven’t yet).

Step 1: Create Account

Go to Vercel.com  and “Continue with GitHub”.

Step 2: Import Project

1. Click “Add New…” -> “Project”.
2. You see a list of your GitHub repos. Find your app.
3. Click “Import”.

Step 3: The Big Button

Vercel detects everything automatically.

• Framework: Next.js (Detected)
• Build Command: next build (Detected)

Just click Deploy.

The Vercel Dashboard: Where your vibe lives.

Environment Variables (The Key Locker)

If your app uses API keys (like OpenAI, Supabase, or Stripe), the build might fail. This is normal!

The Metaphor: Your code is like a car. Your API keys are the keys to the car. You don’t leave the keys in the car when you park it in public (GitHub). You keep them in your pocket.

How to fix it:

1. On Vercel, go to Settings -> Environment Variables.
2. Copy the same names you have in your .env.local file.
3. Paste the values.
4. Redeploy.

Custom Domains

By default, you get your-project.vercel.app. To get yourname.com:

1. Buy the domain (GoDaddy, Namecheap, or on Vercel).
2. In Vercel: Settings -> Domains.
3. Type your domain.
4. Vercel will tell you exactly what DNS records to add.

Wait 15 minutes, and you’re professional.