> ## Documentation Index
> Fetch the complete documentation index at: https://makeswift-sasha-eng-8460-create-a-guide-for-troubleshooting.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://mintlify.s3.us-west-1.amazonaws.com/makeswift-sasha-eng-8460-create-a-guide-for-troubleshooting/images/developer/deploying/netlify/add-new-project.jpeg" alt="Add new project in netlify dashboard" />
</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://mintlify.s3.us-west-1.amazonaws.com/makeswift-sasha-eng-8460-create-a-guide-for-troubleshooting/images/developer/deploying/netlify/connect-git-repo.jpeg" alt="Connect to Git repository" />
</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://mintlify.s3.us-west-1.amazonaws.com/makeswift-sasha-eng-8460-create-a-guide-for-troubleshooting/images/developer/deploying/netlify/project-settings.jpeg" alt="Configure project settings" />
</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>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/makeswift-sasha-eng-8460-create-a-guide-for-troubleshooting/images/site-api-key.gif" alt="How to get the site API key" />
</Frame>

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

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/makeswift-sasha-eng-8460-create-a-guide-for-troubleshooting/images/developer/deploying/netlify/environment-variables.jpeg" alt="Environment variables" />
</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.