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

# Netlify

> Learn how to deploy your Makeswift application to 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/).

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

![Add new project in netlify dashboard](/_fern-img/fefebec12f695b7d474c1f6fc8a51bbc892b2210e37651be6013958a058cda3d.webp)

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

![Connect to Git repository](/_fern-img/6105fc24e2dbb79efa5ad87a97ef67965c4b475cabbc1f48cf07996c338e464e.webp)

## Project settings

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

![Configure project settings](/_fern-img/409d829a324f8ee70e909fd90b531f99e0e729a5701f46778a0de7480f076b2e.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/542b53c8ae818e632b194f3b10dd67814f3c0cbab62512cbccc7a69f4e40d17e.webp)

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