The Final Environment Connection

Before you start this guide: You must have completed 10 — Push Agent Image so both your frontend and backend are officially standing on the internet.

Now for the magic trick. Right now, your website (.vercel.app) has no idea how to talk to your backend (.fly.dev).

We are going to introduce them to each other, and your business will instantly come to life.

Add the API URL to Vercel

1.1 Open your browser and go to your Vercel Dashboard (https://vercel.com/dashboard).
1.2 Click on your shipclawfast project.
1.3 Click on Settings in the top menu bar.
1.4 Look at the sidebar on the left and click Environment Variables.
1.5 We need to add one final variable so the website buttons know what URL to send data to:
Key: NEXT_PUBLIC_API_URL
Value: https://your-api-name-here.fly.dev

(CRITICAL: Make sure it has https:// and absolutely NO trailing slash / at the end or the entire website will randomly fail to connect!)

1.6 Click Save.

Tick the checkbox if you completed the step successfully.

Redeploy the Website

Vercel doesn't update the website immediately when you change a variable. You have to tell it to rebuild.

2.1 In the top menu bar of Vercel, click Deployments.
2.2 Look at the very top deployment in the list. Click the three little dots (...) on the right side of it.
2.3 Click Redeploy.
2.4 Vercel will rebuild the website in about 1 minute. When it finishes, your website is permanently wired to your AI engine cloud server!

Tick the checkbox if you completed the step successfully.

Checklist — My Entire Setup Is Complete

You have successfully built an entire tech company architecture. Verify you have done all of these things across the 11 guides:

My Database is running on Supabase with 3 keys copied
My Google Gemini API key is working
My Frontend is live on Vercel with a real domain
My Polar Webhook points strictly to /billing/webhook
My apps/api/.env file holds 9 complete API keys
I deployed my API backend to Fly.io using my fly.toml name
I deployed my invisible latest Agent image to Fly.io
I added NEXT_PUBLIC_API_URL to Vercel and hit Redeploy

If your checklist is 100% complete, take a deep breath. Move on to 12 — Going Live.

Category: cloud-directShipClawFast Engine

The Final Environment Connection

Before you start this guide: You must have completed 10 — Push Agent Image so both your frontend and backend are officially standing on the internet.

Now for the magic trick. Right now, your website (.vercel.app) has no idea how to talk to your backend (.fly.dev).

We are going to introduce them to each other, and your business will instantly come to life.

Add the API URL to Vercel

1.1 Open your browser and go to your Vercel Dashboard (https://vercel.com/dashboard).
1.2 Click on your shipclawfast project.
1.3 Click on Settings in the top menu bar.
1.4 Look at the sidebar on the left and click Environment Variables.
1.5 We need to add one final variable so the website buttons know what URL to send data to:
Key: NEXT_PUBLIC_API_URL
Value: https://your-api-name-here.fly.dev

(CRITICAL: Make sure it has https:// and absolutely NO trailing slash / at the end or the entire website will randomly fail to connect!)

1.6 Click Save.

Tick the checkbox if you completed the step successfully.

Redeploy the Website

Vercel doesn't update the website immediately when you change a variable. You have to tell it to rebuild.

2.1 In the top menu bar of Vercel, click Deployments.
2.2 Look at the very top deployment in the list. Click the three little dots (...) on the right side of it.
2.3 Click Redeploy.
2.4 Vercel will rebuild the website in about 1 minute. When it finishes, your website is permanently wired to your AI engine cloud server!

Tick the checkbox if you completed the step successfully.

Checklist — My Entire Setup Is Complete

You have successfully built an entire tech company architecture. Verify you have done all of these things across the 11 guides:

My Database is running on Supabase with 3 keys copied
My Google Gemini API key is working
My Frontend is live on Vercel with a real domain
My Polar Webhook points strictly to /billing/webhook
My apps/api/.env file holds 9 complete API keys
I deployed my API backend to Fly.io using my fly.toml name
I deployed my invisible latest Agent image to Fly.io
I added NEXT_PUBLIC_API_URL to Vercel and hit Redeploy

If your checklist is 100% complete, take a deep breath. Move on to 12 — Going Live.

Category: cloud-directShipClawFast Engine