In Yesterday’s post, we learned how to create a static blog with eleventy, but having a blog local doesn’t really bring us much fun, does it?
To give you some recap Netlify is an awesome static host. There are about a million more options, but I like to explore Netlify today since that is what I am using.
And the best of all they offer a free tier, see more on their pricing page.
So let’s see how we can host our created blog on Netlify.
Deploying our Static blog with Netlify
Creating an account on Netlify
Head over to Netlify Signup and log in using your preferred method of authentication.
I am using GitHub because my project is on GitHub.
Creating a new site on Netlify
Once we set up and created our account on Netlify we can go ahead and add a new site from Git.
This way, our website can incorporate automatic deployments later on.
I’m choosing GitHub here as an option; it will now ask you to authenticate with GitHub and asks you which repository you would like to use. Let’s choose the blog we created yesterday.
Netlify build settings
Netlify is amazing enough to help us get started to it will help us set a build command:
npx eleventy
And set the Publish directory to be _site
for our project.
Now click Deploy site and wait a couple of seconds.
Netlify extra’s
Netlify comes with some amazing options
- We can set up a custom domain like https://daily-dev-tips.com
- We can secure the website (Highly recommended!)
- We can add Forms
- We can even add Netlify functions
Viewing our deployed website
Once the project is deployed, click and visit your website.
Want to learn how to add a page to this blog?
Auto deployment
Because we linked Netlify to our GitHub project every time we publish to the Master branch, we will automatically deploy to Netlify, isn’t that just great? 🔥
Thank you for reading, and let’s connect!
Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter