Deploy with Vercel

Last updated October 28, 2026

Project Mode has no deploy button of its own. To put your project live, you connect your Vercel account and ask the agent to deploy it. The agent can create the Vercel project, add settings, and deploy a branch as a preview or to production.

Before you start

You need:

A Project Mode project linked to a GitHub repo. See Connect GitHub.
Your work pushed to GitHub. See Pull requests and backups.
The Vercel plugin connected to your Classgrid AI account. See Connect and disconnect apps.

Connect Vercel

Open AI Hub (the sliders icon in the message box).
Find Vercel in the plugins list.
Connect it and sign in to Vercel when asked.

Once connected, your project cards on the Projects page also show the Vercel project and its live domain, once that repo has a Vercel project.

Deploy through the agent

In the agent panel of your project, ask in plain words. The agent can:

Ask for	Example
Create a Vercel project	"Create a Vercel project for this repo."
Add environment variables	"Add my API key to the Vercel project as a secret setting."
Deploy a preview	"Deploy the latest classgrid branch to Vercel as a preview."
Deploy to production	"Deploy this branch to production on Vercel."

Preview the pull request branch

Every push from Project Mode goes to a classgrid/… branch with a pull request. You can ask the agent to deploy that branch as a Vercel preview. This lets you check the change in a real browser before the repo owner merges it.

A simple flow:

Ask the agent for a change and review it. See Review and undo.
Push to GitHub. A classgrid/… branch and pull request are created.
Ask: "Deploy that branch to Vercel as a preview and give me the link."
Open the preview link and check it.
When you're happy, merge the pull request on GitHub, or ask the agent to deploy to production.

Keep secret keys out of your website's code. Ask the agent to store them as environment variables in your Vercel project instead.

What Project Mode doesn't do

Not available	What to use instead
A Deploy button in Project Mode	Ask the agent to deploy with the Vercel plugin
A live preview of a dev server running in the editor	Deploy a Vercel preview
Classgrid Cloud hosting (`yourname.sites.classgrid.in`)	Available only in Agent mode. See Publish a website
Rolling back a Vercel deploy or reading build logs through the agent	Use your Vercel dashboard

Classgrid Cloud sites (*.sites.classgrid.in) can only be published from an Agent mode chat. In Project Mode, deploy with Vercel.

Which should I use?

You want…	Use
A quick one-page site from a chat, no GitHub needed	Agent mode with Publish a website
A real repo on GitHub with pull requests and your own hosting	Project Mode with Vercel