DEV Community

Shakhor Smith
Shakhor Smith

Posted on

12 7

Website Redesign V2

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.


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

SurveyJS custom survey software

Simplify data collection in your JS app with a fully integrated form management platform. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more. Integrates with any backend system, giving you full control over your data and no user limits.

Learn more

Top comments (6)

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
Felicitas 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
Erwan ROUSSEL • Edited

I started it ! The Repo

Demo

Thread Thread
 
pojntfx profile image
Felicitas Pojtinger

Looks awesome! Great color scheme!

Thread Thread
 
dimensi0n profile image
Erwan ROUSSEL

Thanks <3

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post