Setup Walk through and Technical Guide to Make your own Tech Blog using Hexo and Vercel!
Difficulty Level: Intermediate | Time: 10 min
Written By Varii ✨
Cover Photo by Delfi de la Rua on Unsplash
Like this post? Follow me on Twitter for latest news in the Industry 4.0 life!
If you're a developer/engineer and making a blog has crossed your mind, I'm sure you've run into these problems:
Coding your website from scratch seems daunting and probably will result in having to code an entire content management system from ground-up
Paying for Site Hosting is not affordable or feasible
Plus, if you host it yourself from scratch, having to code every time you want to post something on your blog will probably result in more time coding than actually blogging? Surely there's a free, efficient way to do this? Well, you're absolutely right. There is a solution-
<!-- more -->
With Static Site Generators, you can customize/code just enough to have the upper hand on your site layout and still blog easily!
To do this I'm using Vercel, the company behind the popular JavaScript Framework Next.js. Vercel has an unlimited free Hobbyist plan, which is perfect for Tech Blogging!
Once you sign up for an account here, you can choose from importing your (already coded) site, or choose from a template (We are going with this option) since we are not going to code a website from scratch 🙅🏻♀️
In this post, I'll be using Hexo from the list of templates they offer. You can look at all their other templates here.
Let's get Started! These Instructions are tested on Ubuntu 18.04, but should work for other versions as well. Following the same steps (minus the CLI commands) should work for Windows too!