#AD Top Online Web Development & Programming Courses | Udemy
Newsletter Screenshot

Deploy a static Eleventy (11ty) site from GitHub to Netlify

Last modified March 9th 2022 | | #eleventy

Netlify is an online service that allows you to deploy static sites like Eleventy to the web. In this tutorial I’ll show you how to deploy a static Eleventy (11ty) site from GitHub to a production environment on Netlify.

To get started you’ll need a repository on GitHub with your Eleventy source code.

Github Repo

It can be a private repository and you don’t need to commit the _site folder as Netlify will build the project. Once that is done register for a free Netlify Starter account which will be more than adequate for hosting this type of website.

Log in and click “New site from Git” and then select “GitHub” as the continuous deployment source. It should be noted that you can also deploy from GitLab and Bitbucket which I haven’t tried but the process should be similar.

Netlify create new site

You’ll then be prompted to authorize Netlify to access your GitHub account.

Netlify authorised

Once authorized select the repository that contains your Eleventy site:

Netlify GitHub repos

Enter the following build settings and you’re ready to deploy:

Netlify build settings

If the deployment was successful you’ll be provided with a URL for the newly created site. This URL can be changed to something more readable like heymichael.netlify.app/ or a custom domain:

Netlify deployed

Now anytime you push updates to GitHub they’ll automatically be deployed to Netlify. If for some reason a deployment fails you can debug by viewing the error log on the “Deploys” page.

Related Posts

#AD Shop Web Developer T-Shirts