22 ITEMS TAGGED WITH GATSBY
Remotion & Open Graph Video
Creating video with remotion and adding og:video meta tags to this site. The process of getting whimsical animated site previews when sharing via social-media.
This site has recently undergone a rather major rework. After falling in love with TailwindCSS I just had to incorporate it along with some new features that I think are pretty neat.
Let's Talk About DesignRant
I try to remain a positive person but being English, I occassionally need to complain. I wanted a place to vent about some of the user interfaces and experiences that drive me insane on a daily basis.
Learnings From A Massive Traffic Spike
The good, the bad and the ugly of being at the top of /r/reactjs for 24 hours. While it was on the whole a positive experience, it also caused a few unforeseen issues on my website that I wanted to talk about.
Deep Dive Into My Stats Page
How I built my GatsbyJS site's stats page. This article includes everything you need to get tracking set up on your site and retrieving that data to create clear stats for your users.
Creating Page Reactions
I've spent more time than I care to admit working on my personal website while in lockdown. I've added many useful features like a site search and a stats page but I've also tried to add some fun features too. Here is one such feature, the new reactions available on my articles.
Rethinking 404 Pages
What if your 404 page could do more? What if it could make a guess as to what your user was trying to do and try and get them where they need to go? This is what I will be investigating today.
Presenting Without Sharing My Screen
A GatsbyJS solution for crystal clear slides for everyone using minimal bandwidth + slide navigation using gestures. The Problem I’ve been social distancing for a while now and I’m working from home full time. I live in an old building with unrelia...
Using GatsbyJS to Help My Mutual Aid Network
Building a rapid-response system for volunteers in my area with real-time alerts. A couple of weeks back, I came home to find this note taped to my front door...
How I Added Dark Mode In 20 Lines
This is how I added dark mode to my GatsbyJS site . Let’s talk dark mode...
How My Medium Posts Appear on My Gatsby Site in Under 2 Mins
Yep, that’s all it takes. I took the plunge and moved my blog to medium. Transitioning to Medium Posts 📝 I wanted a better writing experience. Writing in Markdown was leading to too many spelling mistakes and, with me writing more and more, my repo...
How Sentry.io Helped Me Fail Fast
By placing a small script in my html, sentry will track when my code breaks for users. It will tell me exactly where in my code the bug occurred, on what device, and will even make a guess as to what commit caused the bug. Crazy cool.
How My Site Knows The Next Page You Will Visit
I was browsing the GatsbyJS documentation late at night when I came across a section called “Improving Performance ”. As you might expect, I saw sections on SEO, caching and auditing, all of which I have already looked into, but there was also a sect...
Auditing the First 100 Pages of the Top 100 Websites
When you’re browsing BBC news, or streaming your favourite Youtube videos, I doubt you’re thinking about the site’s accessibility. We all frequent the same sites but are they setting good standards of accessibility and performance? Does a site’s pop...
A series of GatsbyJS quick starts for various project types. All with a fruity name.