> This page is for Developer.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.makeswift.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.makeswift.com/_mcp/server.

# Vercel

> Learn how to deploy your Makeswift application to Vercel.

Learn how to deploy your Makeswift application to Vercel.

> **Info**
>
> This guide uses the Vercel dashboard to deploy your Makeswift application.
> Alternatively, you can use the [Vercel CLI](https://vercel.com/docs/cli).

## Prerequisites

You'll need a Makeswift site. If you don't already have one, you can follow the [developer quickstart](/developer/docs/get-started/quickstart) or [installation guide](/developer/docs/get-started/installation/app-router) to get started. You'll also need:

* A Git repository ([full list of Vercel supported Git providers](https://vercel.com/docs/deployments/git))
* Vercel account ([sign up](https://vercel.com/signup))

## Create new project in Vercel

Within the Vercel dashboard, choose **Add New\... > Project** from the top right of the **Overview** page.

![Add new project in vercel dashboard](/_fern-img/0815295190174e4583f08eb4670f42fc13c6c260374ae492c72673c0d09cdc39.webp)

## Connect to Git repo

In the **Import Git Repository** section, choose your Git repository. If you haven't already, you may need to authorize Vercel to have the correct access to your Git provider.

![Connect to Git repository](/_fern-img/693fcfca0768c4d185b66b5062fb4d15e0b141f0754fdd4a22bcf6366d320ffa.webp)

## Project settings

Vercel will automatically attempt to generate the correct settings for your project. Ensure these settings match your project setup.

![Configure project settings](/_fern-img/00aa59a210fe743f84e98311a1b53d322589e1347b3a059a39018284e8f07a7b.webp)

### Environment variables

You'll need to include your Makeswift API key which you can find in the Makeswift Visual Builder under **Settings > Host**.

Add your API key to the **Environment Variables** section with a key of `MAKESWIFT_SITE_API_KEY`.

![Environment variables](/_fern-img/8265d60353c7650add0df367c1a5c62e558a2d1858bb5396fba454fd51540744.webp)

## Deploy

After you finished configuring your settings, click the **Deploy** button. Vercel will build and deploy your Makeswift application. After the build has finished, you should see a success message with a link to your deployed site.