Branding yourself: Building and deploying a website and a blog using Netlify, Hashnode and Google domains

So you just completed a course on programming, done some projects or perhaps working with one of the unicorns of a startup and are the "baddest" and greatest developer and software engineer to walk the surface of this planet.

Unfortunately, this knowledge and fame might only be known to you and your colleagues. It's time to rev up and put yourself out there contributing to the river of knowledge as much as you are drinking from it while also gaining new exposure and opportunities. I'm not trying to sell a product here so let's get to it.

We would be increasing your reach by building a website that showcases your portfolio and a blog to share your experiences at minimal cost.

Head over to Google Domains and get a cool domain name (Yipee! I got my name: https://chinaza.dev)

Screen Shot 2019-06-10 at 1.14.33 AM.png Pay the $12 fee and giddy up, the journey has just commenced.

So it's either you're like me who has no time building a new website from scratch or you're like them who have the patience and time. If you're like me, you can head over to ThemeForest and pick a template to get started. Push some bits, make some updates and write some codes to showcase those talents and skills you have. For HTML, CSS and JS tutorials, you can head over to codecademy and take some lessons so you can assemble a nice looking portfolio website.

Now you have your cool looking website, we need to talk about deployment. This is where Netlify comes in. Netlify offers hosting and serverless backend services for static websites. Deploying your site on Netlify is easy. Let's take a ride:

Add your website from git

Push your codes to git and head over to https://netlify.com to create an account. Select add a new site and specify your git provider

Screen Shot 2019-06-10 at 1.33.50 AM.png

Your Git provider would prompt you to carry out some authorizations and you are good for the next step

Select your repo

Select your repo and proceed to specify build parameters

Configure your deployment

Here you get to specify the branch you wish to deploy which by default is master. Specify the directory which holds you built files. Specify your build command if you used a build tool or a framework like angular, react, vue... and go ahead to click the Build button

Sit back and relax and let Netlify do the heavy lifting.

Attach your domain

Head over to domains.google, login and select Manage domain. On the sidebar, select DNS and add the following custom resource records:

type: A

ttl: 1h

data: 104.198.14.52

type: cname

ttl: 1h

data: chinaza.netlify.com [This can be gotten from your Netlify dashboard. See screenshot below]

Head over to domain settings on Netlify, and add domain.

Setup your blog
Head over to hashnode.com and create an account. Follow through with the on-boarding process and select My Blog

On your blog, click on the settings icon and proceed with the following configuration for domain linking:

Select Domain and enter your blog subdomain i.e. blog.chinaza.dev and save
Head back to Google domains and add the following record

type: CNAME

ttl: 1h

data: hashnode.network

If you could keep up to this point, you're a branded developer. Go forth and create content!

If you need a website for your business, web or mobile application, head over to https://zhaptek.com and let's get talking 😊

Branding yourself: Building and deploying a website and a blog using Netlify, Hashnode and Google domains

Comments

More from this blog

The Startup's Guide to Shipping Fast Without Breaking Everything Later

AI Writing Assistant vs ChatGPT (2026): The Best Choice for PRDs, Tech Specs, Briefs, and Press Releases

I’m Launching ProMind Writer: A Faster Way to Produce High-Quality Documents (Without Starting From a Blank Page)

The Double-Edged Sword of Abstraction in Software Engineering

The Hidden Cost of Ignoring User Feedback (And How to Fix It)

Add your website from git

Select your repo

Configure your deployment

Attach your domain

Setup your blog

Command Palette

Comments

More from this blog

Add your website from git

Select your repo

Configure your deployment

Attach your domain

Setup your blog