Project Scope
This was a personal project in which the goal was to create a simple personal website that I could use as a 'portfolio' of sorts, and easily update and mantain during its lifespan.
Technology Stack
The current version of the site is developed using React, Next.js, Typescript and TailwindCSS.
An initial version of the site used Gatsby as a static site generator, but later when upgrading the site I decided to move it to Next.js.
Next.js still provides the static site generation features that were being used from Gatsby on the previous version and makes the setup and future maintenance of the website simpler due to having less dependencies required for achieving almost the same goal.
Roles
First and foremost, need to give credit where credit is due.
The design you see is highly inspired from the Solid State template of HTML5 UP who does a great job creating responsive designs you can use.
Using this design as a baseline, I had to create the component structure for the website and style it using TailwindCSS, while leveraging Next.js SSG features to ensure that multiple identical pages could be generated from the same template.