Launch A Static Hugo Website Less Than 5 Minutes.

Launch A Static Hugo Website Less Than 5 Minutes.

A few weeks back, while thinking about building a blog site for the purpose of posting and expressing our ideas and perspectives about development, we were wondering which platform to use. That thought and everything that followed subsequently is what led to the creation of northendlab.com.

Our thoughts did not stray for too long and we instantly got to work.We started off with the designer coming up with a new look, followed by the developer laying down the HTML. One of the core things we were looking for was to maintain this blog for a long time, and knew we would need to pick a reliable platform while staying true to speed. Nobody likes laggy websites, after all.

During our brainstorming session on this, we were trying to decide between Wordpress, popular, trustworthy, or Hugo, the one we had been working on for quite some time now. But we were reluctant to go ahead with Wordpress since we are trying to move out of pure PHP CMS. Keeping that in mind, we decided to go ahead with Hugo as we already had good previous experience working with it and is also used by big companies over the world. Some other developers within the team had been working with Netlify and Forestry and suggested combining the three. If we did go ahead with it, we wanted to future-proof ourselves and not have to code every time we wanted to make a change, so we decided to convert our HTML theme to Hugo, then made it compatible with Forestry, so that we could take full advantage of the platform. Once done, we ended up realizing how amazing the product turned out. Not only is it very convenient to maintain a Hugo website, it also does not take more than a few minutes to get a website LIVE.

We have been embracing these new tools as well as adopting certain basic things from them. All good things should be shared and made open to everyone, we wanted to do just that with our experience.

So far, Netlify has helped us connect our domain and GIT repo, Forestry has been helping us turn the GIT repo into CMS. For this example, we have used the Meghna Hugo theme. We will be showing you the whole process in the next step. If you want our Northendlab theme, you can choose from our Github URL, Meghna will also work the same.

What you need !!

  1. Git account (Ex: Github, Gitlab, etc ). we used Github you can use what you use or like to use. But make sure you have a account or just create a new account.
  2. Netlify account. If you already have a Netlify account then Ok. If you don’t have then signe up.
  3. Forestry account to maintain the whole project without code. You can add three static website for free at Forestry.

Step 1: Fork or Clone repository

First, we will fork or clone a Hugo theme. In this case, we used meghna hugo template. You can also use like Influencer-hugo, Bexer, etc Or other themes which you like.

Step 2: Add your repository in Forestry

Go to your forestry account and click on import your site now. declare your config.toml file [exampleSite/config.toml] and fill up basic settings. Mark everything is done than go to configuration to change the base url . You can put any url but this have to similar as netlify . So for now put a name which you are going to put in netlify as netlify subdomain.

Step 3: Setup and host website with Netlify

Here comes the last step . Go to your netlify account and click add new site . Choose your git repository to import your website in netlify . And now you can see the forked meghna hugo theme. select it and follow the steps. Then go to site settings for change the site name and put your subdoamin name here what you puted on forestry as base url. save it and go to deploy from top menu, Wait a while and click on site preview or just simply go to the subdomain you puted as base url. BOOM! Your site is live. Now you can go to forestry and add, remove or customize every setting and content.

Here is a video tutorial for this
comments powered by Disqus