Gatsby Source Plugin for Twitter

I was rewriting a WordPress site in Gatsby that had embedded tweets using an embed script (WordPress plugin). The product owner (my wife), required the new site to also show her tweets. I didn’t like the idea of an embed script (that would slow down the site and spy on visitors), so I started to look into Gatsby source plugins.

Progressive Web App - Bad Idea for a Blog

I recently built a new personal website/blog for my wife using GatsbyJS and I really enjoyed all the cool stuff you can do easily with available plugins. Since didn’t really have any idea about the disadvantages with Progressive Web Apps (PWA), I naively just installed the manifest and offline plugins and verified my success with Lighthouse. Boom, I had a PWA! 🎉

Netlify CMS - Incorrectly eaten value

I’m writing this in case I forget it later. Context I’m migrating my wife’s blog from WordPress to GatsbyJS and since she’s not comfortable with Markdown or Git, I need a CMS. I aim at a zero-cost solution and I want the content to be part of the repository, rather than a separate thing (like what an API driven CMS provides). Problem Netlify CMS crashes when the frontmatter is followed by a newline and an image.

Refactoring z-index

Ever found a z-index of 999 in CSS and wondered if there really are 998 other elements below it? This is a post about how I have refactored CSS z-indexes to become sane.

Error Handling with Fetch (and custom React hook)

One thing that has struck me javascript's fetch function is that it often looks so simple. When I see the same thing in a pull request, I'm not overly impressed. No, just because this works on a sunny day doesn't mean you're done. You need error handling as well!