Personal Portfolio Redesign

Year

2019

Project Type

Web Design & Development

Tools and Tech

React, GatsbyJS, Contentful, Illustrator

About The Project

I wanted to revamp my portfolio as it had been about 2 years since I last updated it.

My portfolio was previously built with Jekyll, a static-site generator. The website was fairly small in terms of scope, so I wanted to avoid the bloat of using something like Wordpress. However, one issue I faced at the time was that all of my content was stored locally in markdown files. The process of updating content left something to be desired, as I had to individually edit text files.

With this redesign, I decided to look into a headless CMS solution to solve the problem of content management. There were many viable options, but I ultimately decided to go with Contentful. Contentful allows me to easily create and edit content, then request for it via REST or GraphQL APIs. I also decided to move from Jekyll to GatbyJS. Now that I am more familiar with React, using a React-powered site generator felt like the logical next step. GatsbyJS also comes with some useful plugins to simplify pulling data from Contentful via GraphQL. This made it very easy to integrate Contentful into my website.

I also designed a logo and some cool visuals with Illustrator to complement the site. Finally, once both the code and content were ready, I deployed the site via Netlify. Netlify conveniently comes with a webhook that automatically rebuilds the site whenever I update any content on Contentful, further streamlining my content management process.

Rizal Zainal Home