Revamping Personal Website

March 17, 2022

So i finally decided to take some time out to revamp my own personal website. I used to have it hosted on Github.io, which was built about 3 years ago. It is quite buggy, but hey, some of the side projects I worked on during my course at GA still works! (chill bomberman still works😛).

Anyway, i digress, for my latest site, i decided to make use of several web development technologies that I was learning.

  1. Nuxt
  2. Tailwind
  3. Static Hosting on Netlify

Basically, everything needed for a fast and stylish static hosted website with SEO capability.

At it’s core, Nuxt is a Vue.js project which out of the box allows developers to build projects with plenty of flexibility. It can render purely static sites or server side renders with little to no configuration required.

Immediately I enjoy it, because coming with a React / Angular background in my professional work, Vue.js takes the best of both frontend libraries and makes it easy to build my web applications. Getting used to Vue.js didn’t take long with component based building plus a somewhat opinionated structure to developing (similar to Angular).

Another aspect which i enjoyed as well was the easy integration with many other popular node packages such as Tailwind for rapid and beautiful CSS composed design, Axios for setting up promised based HTTP client calls. Everything works well with each other.

Lastly, as i wanted my site to be quick to load for lighthouse scores and to get the best SEO results from Google crawlers, hosting it statically was important to me. As i hosted on Netlify before, I was quite confident of this combination as Netlify allows for static hosting, and my website would be served via it’s Content Delivery Network (CDN) making quick and reliable for users to be served (lmk if you have other hosting suggestions).

To end of, I intend to keep building projects and eventually share more of them on my website.