Published on

Day 6, Release/Bug Fix and Retrospective

Authors

Day 6 - Styling Cleanup

Most of the change were styling concerns. I also added about page for a quick summary of my career experience. It seems all the issues are now fixed and expected pages are added correctly. So I prepare the release branch ready to be merge in master for tomorrow production deployment.

Release Day! Panic Day!

Without any hesitation or pretesting (I was too confident about the release) I merged and deployed to production. I was so happy since it only take just a week to rebuild my site but suddenly it turns out worse..

The main concern was toggle dark mode feature had some intermittent issues. It seems when I try to do page refresh some of the stylings gone wrong. I keep asking myself, "WHY I DIDN'T CATCH THIS!". So I turn it off the toggle feature and then look what was the real trigger causing the issue.

Here were the list of issues that I found:

  1. Window object is not defined while running the build.
  2. Poor implementation of the localForage for setting/getting the last theme mode.

For the fix I use gatsby-styled-components-dark-mode plugin but the issue still persist. After I keep digging more it turns out that the main style.scss was added only in the index page were it should be in the Layout. So it can available to rendered pages after running the build.

While fixing the bug issues, I also keep finding ways add new features.

  1. Add tags by post to display all articles filtered by a tag
  2. Add disqus comment for single blog post page.
  3. Add and setting up google analytics for tracking page views.
  4. Update 404 styling page.
  5. Add more content to about page.
  6. Adjust overall styles for mobile (mostly padding and margin).
  7. Add Favicon :)

Retrospective

Here are the things that I learned while rebuilding my website.

  1. Progress over Perfection!
  2. Always create your draft post in your local first, hahaha.
  3. Run production build in your local and test it!
  4. I learned GraphQL in the hard way.
  5. Properly add you git commit so it can help you the track things.
  6. Don't be afraid to use new tools and get your hard dirty.
  7. Be ready to commit mistakes, learned from it and repeat pattern.

Hopefully you can learned something from my journey as well. Thanks for reading :)

Discuss on Twitter • View on GitHub