Connect Vercel with Claude
Your AI puts the app online for you. For that, you approve its sign-in to Vercel once, keep the app behind a sign-in, and add your keys in Vercel's settings. The same steps work in Codex.
How the AI gets in
The AI asks Vercel for a sign-in, and you approve it in your browser. That lets it publish your app to your business's team. It never sees your Vercel password, and it never sees your keys.
Have these ready
- Your Vercel account, on Pro or the Pro trial: Create a Vercel account
- Your app's key file filled in, as in Connect Supabase with Claude
Steps
Step 1: Say yes when your AI asks to put the app online
It always asks first. At this stage only you, and the team members you invite, can open the app.
You should see: The AI starts Vercel's sign-in and shows a link with a short code.
Step 2: Approve the sign-in in your browser
Your browser opens a Vercel page by itself. If it doesn't, click the link the AI shows. Check that the code on the page matches the AI's, sign in with your business account if asked, and confirm.
You should see: Your AI says you're signed in to Vercel.
If it looks different: If the AI says it timed out, ask it to try again: each code only lasts a few minutes. If the page shows a place or time you don't recognize, don't confirm.
Step 3: Let the AI create the project
It makes a project for your app in your business's team. If it asks which team, choose the business team, not your personal one.
You should see: A new project with your app's name in your team's dashboard on Vercel.
Step 4: Keep every address behind a sign-in
In Vercel, open the new project, then Settings and Deployment Protection. Turn on Vercel Authentication, set it to All Deployments, and click Save.
You should see: Vercel Authentication on, for All Deployments.
If it looks different: Vercel leaves the app's main address open to everyone unless you change this. If Deployment Protection isn't under Settings, look for it in the project's menu on the left.
Step 5: Add your keys to Vercel
Ask your AI to open your app's
.env.localfile, select everything in it and copy. In your Vercel project, open Environment Variables (under Settings) and paste it all into the Key field: Vercel makes one row for each line. Choose Secret as the type, tick Production, Preview and Development, and click Save.You should see: One row for each key, each with its name and a hidden value.
If it looks different: A row looks wrong? Delete it and add it again. However it goes, never paste the keys into the chat.
Step 6: Tell your AI the keys are in
Type
done. It publishes the app.You should see: An address ending in
.vercel.app. Opening it asks you to sign in to Vercel first, then shows your app.If it looks different: If the app says a key is missing, check the names in Vercel match the ones in
.env.local, then ask the AI to publish again: Vercel only picks up keys on the next publish.
To let someone on your team look, invite them to your Vercel team as a Viewer, which is free. Opening the app to your customers comes later, and your AI asks before it does.