> ## Content Index
> Fetch the complete content index at: https://getpublii.com/docs/llms.txt
> Use this file to discover other available public pages before exploring further.

# How to build a static website with Netlify

- URL: https://getpublii.com/docs/build-a-static-website-with-netlify.html
- Published: 2017-06-10T04:34:46.282Z
- Updated: 2025-01-20T12:20:41.198Z
- Description: Netlify is part of a new generation of site and app hosts that are designed to give developers a place for storing files, deploying and…
- Author: Publii Team
- Tags: cloud, deployment, hosting, storage

Netlify is part of a new generation of site and app hosts that are designed to give developers a place for storing files, deploying and developing apps or running a website all in one, similar to other well-known solutions such as Amazon S3 and GitHub. Though these services might seem complex to use at first, once you're set-up you can let Publii take care of everything.

So how do you set it up? By following this simple step-by-step guide! We'll take you through everything needed to create a space and link Publii to it.

## Creating a website on Netlify

Follow these steps to create an area for your website.

1.  Go to the main Netlify page and log-in to your account, or click the **Sign-Up** button to register if you haven't already. To get started you'll only need to provide a username, password and email address; no payment information will be required.
2.  After logging-in you'll see the **Your Sites** screen, which should be empty since we haven't created a site yet!

    ![Netlify Dashboard](https://getpublii.com/docs/media/posts/28/netlify-dashboard.png)

3.  To create a new site, we need to drag and drop a zipped folder containing an empty index.html file onto the box in the **Your Sites** section, and Netlify will set it up for us. You can get a ready-prepared file from [our CDN](https://cdn.getpublii.com/others/index.html.zip); just download and drag the zipped folder to the box (don't unzip it!).

    ![Upload manually site to Netlify](https://getpublii.com/docs/media/posts/28/upload-site-to-netlify.png)

4.  Once the file has been uploaded, you'll see the **Deploys** screen; Netlify automatically creates a site name for you, which you can see at the top. 

    ![Netlify Website Settings](https://getpublii.com/docs/media/posts/28/netlify-website-settings.png)

5.  Click the **Site configuration**. Please note the Netlify URL for your site, which you can see in the boxout on the next page with the format **https://siteName.netlify.com**; we'll need this for the Publii settings. 

    ![Netlify site name](https://getpublii.com/docs/media/posts/28/site-name-netlify.png)

6.  Now scroll further down the page to the **Site details** section; note the **Site ID**, which will be a string of characters and numbers as in the below example, as we'll also need it when configuring Publii (Site ID option).

    ![Netlify Site ID](https://getpublii.com/docs/media/posts/28/netlify-site-id.png)

7.  Now we're going to generate an access token which Publii can use to gain access to our Netlify site; it's a little security precaution. Click on the your **account name** option at the bottom-left of the screen.

    ![Netlify account settings](https://getpublii.com/docs/media/posts/28/netlify-account-settings.png)

8.  In the **Profile** section, click on the **Application** tab, then, on the OAuth screen, click the **New access token** button; this will take you to the **Token generation screen.**
    1.  ![Netlify Applications](https://getpublii.com/docs/media/posts/28/netlify-applications.png)

    2.  ![Netlify New Token](https://getpublii.com/docs/media/posts/28/netlify-new-token.png)

9.  In the token description field, add a name of your choice; it's just to help you remember what you generated the token for! Next, click the **Generate token** button.

    ![Generate a personal acces token ](https://getpublii.com/docs/media/posts/28/netlify-generating-token.png)

10.  The token will be created, and you'll see a **New token created** message. Below that will be your new token; Make sure to copy this token and store it in a safe place as you will not be able to retrieve it later!

     ![Netlify Personal Token](https://getpublii.com/docs/media/posts/28/netlify-personal-token.png)


We now have everything we need from Netlify, so we can move on to configuring Publii to update our site.

## Configuring Publii for Netlify

To configure your Netlify site in Publii, follow these steps:

1.  Open the Publii app and click on the **Server** option in the left-sidebar to open the **Server Settings** screen.
2.  Set the **Domain** to your Netlify URL we saw in the previous section (yourSitename.netlify.com); don't forget to choose **https://** from the drop-down list.
3.  Enter the string of characters from the **API ID** of your Netlify site into the **Site ID** field.
4.  Finally, enter the Netlify token we created at the end of the last section in the **Netlify token** field, and click the **Save settings** button to save changes.

![Netlify Website Settings](https://getpublii.com/docs/media/posts/28/netlify-static-website-configuration-2.svg)

Publii is now configured; if you want you can click the **Test connection** button to make sure that all the options were configured properly. If they are, you are ready to sync your website!