Using Netlify to host a static website
August 09, 2020
When you created a static website, whether it’s a project with client or just for portfolio, you usually want to make it online. One of modern hosting especially for a static website is Netlify. Netlify is nice to hosting from a very simple web, or generated website using Gatsby or Gridsome, and it’s free to get started. There are very simple steps to host your website to Netlify.
1. Sign Up
You can sign up with your GitHub, GitLab, or Bitbucket account to easily connect your repository later.
2. Select Git Provider
After you sign up, you can start to deploy your website. First select the git provider where you put your website project. Select one and authorized Netlify to access your repository list. I personally use GitLab.
3. Select Repository
Now after you authorized Netlify to your git provider, all your repository will showed up. Select which repository that you want to deploy.
4. Setting the build option
You can choose which branch that will deployed to the hosting, so it’s not always have to master branch.
If you deploying a generated site with such as Gridsome, you need to add gridsome build in Build Command, and dist in Publish directory to automatically start building the website right after you push to the branch that you choose to deploy before.
And that’s it! Now your website is published and can access via internet with yourwebiste.netlify.app domain. You can use your custom domain by setting the DNS configuration. Read the official documentation to know more how to do that. From now, when ever you want to make a change to your website, just push your change to the branch that you choose and Netlify will build the change for you. Thank you for reading 🙂
🙌🏼Share this
📋More articles
Tools that I usually used as a Web Developer
For almost 2 years I have doing web developing as a job from designing landing page until write API for laravel-based web application in windows machine. Now I like to share my everyday tools for web developing that I usually used.
You can do these on Figma to work faster
Figma became popular these days to design a web/mobile user interface. That’s because Figma gives you more modern and reliable approach when come to performance, cloud storage, and collaboration. Now I wanna share with you how you can improve your designing process to work faster with Figma.
Kindle has changed my reading habits
Reading on a physical book and reading on a kindle give different experience. Those two things feel different when open the next page, highlights the text, holding it while reading, and so on. On this post, I wanna share with you what experiences that kindle will give to me compared to physical book.
Protect your form against spam bots
I was in the middle of embedding a third-party form on the website. The form snippet is just like the usual HTML form and the website is built using Next.js. At first, I thought it’s working well, fill the fields and submit it. But my team was told that we received various weird submissions with