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

# 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/pZUQIXY0VZyiTaM2/images/developer/deploying/netlify/add-new-project.jpeg?fit=max&auto=format&n=pZUQIXY0VZyiTaM2&q=85&s=a6a3da906b844320684f00e95df39ae7" 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/pZUQIXY0VZyiTaM2/images/developer/deploying/netlify/connect-git-repo.jpeg?fit=max&auto=format&n=pZUQIXY0VZyiTaM2&q=85&s=fd8e80f5018c0c70352828a73a608a6d" 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/pZUQIXY0VZyiTaM2/images/developer/deploying/netlify/project-settings.jpeg?fit=max&auto=format&n=pZUQIXY0VZyiTaM2&q=85&s=504c8e41bb36fc81a54dffdf35718fc7" 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/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/netlify/environment-variables.jpeg?fit=max&auto=format&n=pZUQIXY0VZyiTaM2&q=85&s=c47b42ed11c5e65581ce0dbdf81976db" 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.