#AD "Ten++ Ways to Make Money as a Developer" eBook by Florin Pop

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

Last modified August 30th 2020 | #eleventy

Netlify is an online service that allows you to deploy static sites like Eleventy to the web.

It provides a quick and easy way to push updates from GitHub to a production environment.

To get started you’ll need to create 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.

Then register for a Starter (free) Netlify account which is more than adequate for a personal website.

Log in and click “New site from Git” and then select “GitHub” as the continuous deployment source.

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 and proceed to the next step:

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:

Netlify deployed

This URL can be changed to something more readable (heymichael.netlify.app/) or a custom domain.

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

Overall Netlify is a great service that I’d highly recommend trying out.

Related Posts