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

# Netlify

> Learn how to deploy your Makeswift application to Netlify.

<Info>
  This guide uses the Netlify dashboard to deploy your Makeswift application.
  Alternatively, you can use the [Netlify
  CLI](https://www.netlify.com/platform/core/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 Netlify supported Git providers](https://docs.netlify.com/git/overview/))
* Netlify account ([sign up](https://app.netlify.com/signup))

## Create new project in Netlify

Within the Netlify dashboard, choose **Add new site... > Import an existing project** from the top right of the **Sites** page.

<Frame>
  <img src="https://mintcdn.com/makeswift-docs-branch/N7kCh72DcEqcoNG6/images/developer/deploying/netlify/add-new-project.jpeg?fit=max&auto=format&n=N7kCh72DcEqcoNG6&q=85&s=dfc069a22d2d471d5d577213adc5c989" alt="Add new project in netlify dashboard" width="1000" height="226" data-path="images/developer/deploying/netlify/add-new-project.jpeg" />
</Frame>

## Connect to Git repo

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

<Frame>
  <img src="https://mintcdn.com/makeswift-docs-branch/N7kCh72DcEqcoNG6/images/developer/deploying/netlify/connect-git-repo.jpeg?fit=max&auto=format&n=N7kCh72DcEqcoNG6&q=85&s=27a9898cbc65de2a3e8824234580e337" alt="Connect to Git repository" width="1000" height="522" data-path="images/developer/deploying/netlify/connect-git-repo.jpeg" />
</Frame>

## Project settings

Netlify 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-docs-branch/N7kCh72DcEqcoNG6/images/developer/deploying/netlify/project-settings.jpeg?fit=max&auto=format&n=N7kCh72DcEqcoNG6&q=85&s=73a60775af195d121d9e187d0c647726" alt="Configure project settings" width="1000" height="843" data-path="images/developer/deploying/netlify/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-docs-branch/fRxgR_QtAp5JjKON/images/installation/copy-site-api-key.mp4?fit=max&auto=format&n=fRxgR_QtAp5JjKON&q=85&s=12b3b71c295365f4cd2cc1ed54961441" 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-docs-branch/N7kCh72DcEqcoNG6/images/developer/deploying/netlify/environment-variables.jpeg?fit=max&auto=format&n=N7kCh72DcEqcoNG6&q=85&s=a182686c618923e88df5f8780308a21b" alt="Environment variables" width="1000" height="332" data-path="images/developer/deploying/netlify/environment-variables.jpeg" />
</Frame>

## Deploy

After you finished configuring your settings, click the **Deploy** button. Netlify 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.