franwebdev 2.0 portfolio site

Portfolio site using Gatsby.js, embracing the JAMstack goodness

Front page of this webpage

Embracing the JAMstack workflow i remade my homepage using Gatsby.js. I wanted to move away from the basic HTML, CSS, and JS website i had in version 1.0. I wanted to be able to add a new item to the portfolio quicker. I explored various JAMstack setups before settling on Gatsby.js.

Responsive about me section from front page of this website

I was able to draw upon my knowledge of React. Using a component based framework like React allows development in Gatsby to be quick and embracing of modularity. It also allows the website to be fast for the user. The build process creates a static site that can be hosted anywhere but still providing the dynamic, single-page-app advantages of React.

Mobile screen view of portfolio items

As you can see when you compare to the previous version the design has been improved markedly for 2.0.

Contact segment of front page of this website