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.
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 netlify.com to create an account. Select add a new site and specify your git provider
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:
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 blogHead 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
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 😊