# Connect your Hygraph project to Netlify

Learn how to connect your Hygraph project to Netlify.

The integration lets you update your static deployments via a button in the Hygraph content view. Handled differently than by webhooks, the only configuration needed is connecting your Hygraph project to your Netlify site/app and selecting which content entries can trigger a rebuild via the UI.

This integration allows you to install a button in the Hygraph sidebar of a content model for manual redeploys, alongside a visual indicator of deployment status.

### What you can do with the Hygraph-Netlify integration

- Trigger Netlify builds within your content view with a single click.
- View the status of your Netlify build without leaving the Hygraph UI.
- Specify which content models display the button in the sidebar, giving you more control over how builds are triggered when there are changes to your content.

### Prerequisites to use this integration

- When using this integration, you should already have a static site deployed in an active Netlify project. Don’t have one? Set up a [free Netlify account](https://app.netlify.com/signup) or [learn about other plans](https://www.netlify.com/pricing)!
- You should have an existing Hygraph project. Sign up for a [free Hygraph developer account](https://app.hygraph.com).
- You should configure your Netlify site to support continuous deployment.

**Warning:**

**Apps are environment specific**. This means their configuration is applied per environment. Take this into consideration if you're working with a project using more than one environment.

## How it works

### Step 1) Install the Netlify app

[Click here](https://app.hygraph.com/apps/netlify/new) to install Netlify app on Hygraph.

![](https://hygraph.com/images/docs/integrations/netlify/connect-netlify-01.png)

### Step 2) Select a project

Select which project you want to install the app in, then click **Add App**.

![](https://hygraph.com/images/docs/integrations/netlify/connect-netlify-02.png)

### Step 3) Connect Hygraph to Netlify

Click on **Connect to Netlify** to setup the connection with Hygraph.

![](https://hygraph.com/images/docs/integrations/netlify/connect-netlify-03.png)

### Step 4) Authorize the Netlify app

Click on **Authorize** to allow the app to perform actions on your behalf. After authorizing the app, you can close the tab and go back to Hygraph homepage.

![](https://hygraph.com/images/docs/integrations/netlify/connect-netlify-04.png)

### Step 5) Set up your website

In the dropdown, select your website on Netlify, add a **Display Name**, then click on **Save**.

![](https://hygraph.com/images/docs/integrations/netlify/connect-netlify-05.png)

### Step 6) Adding Netlify deploy button to models

Now, go to the **Schema** editor and select the model you want to add Netlify deploy button.

![](https://hygraph.com/images/docs/integrations/netlify/connect-netlify-06.png)

### Step 7) Adding Netlify sidebar widget

Click on the **Sidebar** tab. Then, click on **Netlify Deployment** to add the widget to the sidebar.

![](https://hygraph.com/images/docs/integrations/netlify/connect-netlify-07.png)

### Step 8) Customizing sidebar widget

You can change the widget **Display Name** and **Description** if you want. Otherwise, click on **Create**.

![](https://hygraph.com/images/docs/integrations/netlify/connect-netlify-08.png)

### Step 9) Reordering widget

Click and hold the six-dotted handle and drag the widget to the position you want to display in the sidebar.

![](https://hygraph.com/images/docs/integrations/netlify/connect-netlify-09.png)

## How to trigger a deploy on Netlify

### Step 1) Go to content view

Go to the content editing section. You can do that by clicking on the left-side navigation or the "Go to content editing" link in the top-right corner.

![](https://hygraph.com/images/docs/integrations/netlify/connect-netlify-10.png)

### Step 2) Go to model content view

Under the **views** section, select the model you added the widget in the previous step. Then, click on the Edit button to open an existing entry. You can also create a new Entry.

![](https://hygraph.com/images/docs/integrations/netlify/connect-netlify-11.png)

### Step 3) Triggering deploy

On the sidebar, you should see Netlify deploy button. Click on it to trigger a new build.

![](https://hygraph.com/images/docs/integrations/netlify/connect-netlify-12.png)