> ## Documentation Index
> Fetch the complete documentation index at: https://docs.makeswift.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 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).
</Info>

## Prerequisites

You'll need a Makeswift site. If you don't already have one, you can follow the [developer quickstart](/developer/quickstart) or [installation guide](/developer/app-router/installation) 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.

<Frame>
  <img src="https://mintcdn.com/makeswift/pZUQIXY0VZyiTaM2/images/developer/deploying/vercel/add-new-project.jpeg?fit=max&auto=format&n=pZUQIXY0VZyiTaM2&q=85&s=26554bb530affc497c6cf1793ac9e6f1" alt="Add new project in vercel dashboard" width="1370" height="398" data-path="images/developer/deploying/vercel/add-new-project.jpeg" />
</Frame>

## 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.

<Frame>
  <img src="https://mintcdn.com/makeswift/pZUQIXY0VZyiTaM2/images/developer/deploying/vercel/connect-git-repo.jpeg?fit=max&auto=format&n=pZUQIXY0VZyiTaM2&q=85&s=175ea105a6a7353a093c9fb18ebed513" alt="Connect to Git repository" width="800" height="673" data-path="images/developer/deploying/vercel/connect-git-repo.jpeg" />
</Frame>

## Project settings

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

<Frame>
  <img src="https://mintcdn.com/makeswift/pZUQIXY0VZyiTaM2/images/developer/deploying/vercel/project-settings.jpeg?fit=max&auto=format&n=pZUQIXY0VZyiTaM2&q=85&s=3ca7720f58f1762f30d1ce1eb2c82ecb" alt="Configure project settings" width="900" height="913" data-path="images/developer/deploying/vercel/project-settings.jpeg" />
</Frame>

### Environment variables

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

<Frame>
  <video autoPlay muted loop playsInline controls title="Copy site API key" className="w-full aspect-video" src="https://mintcdn.com/makeswift/AOijlpVp0npNQ8wB/images/installation/copy-site-api-key.mp4?fit=max&auto=format&n=AOijlpVp0npNQ8wB&q=85&s=8dcad9a70e8ff30f6e3b4129c123c8cc" data-path="images/installation/copy-site-api-key.mp4" />
</Frame>

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

<Frame>
  <img src="https://mintcdn.com/makeswift/pZUQIXY0VZyiTaM2/images/developer/deploying/vercel/environment-variables.jpeg?fit=max&auto=format&n=pZUQIXY0VZyiTaM2&q=85&s=1da4f4ab022e10800bfec32becd6bc1f" alt="Environment variables" width="800" height="269" data-path="images/developer/deploying/vercel/environment-variables.jpeg" />
</Frame>

## 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.