DEV Community

loading...

Website Redesign V2

smithmanny profile image Shakhor Smith ・2 min read

With 2018 coming to an end soon I was able to release V2 of my website over Thanksgiving holiday. Coincidentally this is also my second year as a developer so I'll be able to keep these releases in sync with my years of experience. What’s new? Everything! V2 was completely redesigned from the ground up with a little design inspiration from Tania Rascia. I switched from using create-react-app to Gatsby. The reason for this switch was to keep my blog on Github via Markdown files and also take advantage of Gatsby blazing fast speed with SSR. As you can see from the results below I was able to increase each area on the lighthouse test.

"Old site performance"
"New site performance"

With this version release of my website, I wanted to switch the focus from learning more about me to more about programming by putting the blog posts front and center. With this change, people would immediately be focused on my new blog posts and are able to learn something new within the first few seconds of visiting my website.

Another slight change I made was the color scheme. I still am not completely satisfied with my color scheme, but I wanted to go for a Miami Dolphins theme. I originally planned on releasing this site with the option of choosing between a light and dark theme, but because of a bug with styled-components and Gatsby, I postponed this feature until further notice. Curious as to what else I used to build this site? Well let’s see:

  • Gatsby
  • Hosting & DNS: Netlify
  • CSS: styled-components
  • Analytics: Google Analytics (looking for free alternatives πŸ€”)
  • Blog: Markdown files hosted on Github
  • Icons: Font Awesome

Discussion (6)

pic
Editor guide
Collapse
dimensi0n profile image
Erwan ROUSSEL

I'll develop a free alternative to Google analytics. I'll be available in a few weeks

Collapse
pojntfx profile image
Felix Pojtinger

Awesome idea! Be sure to post about it here!

Collapse
dimensi0n profile image
Erwan ROUSSEL • Edited

It will be written in Golang, available on gitote.in and hosted by Digital Ocean πŸ˜‰

Collapse
dimensi0n profile image
Thread Thread
pojntfx profile image
Felix Pojtinger

Looks awesome! Great color scheme!

Thread Thread
dimensi0n profile image