Articles

Published Articles

Articles I've written for various online publications including: The New Stack, Smashing Magazine and CSS Tricks.

Cockroach Labs •
May 17, 2023
The Art of Data Residency and Application Architecture
In this post Rob and Paul explain how they built Silo , a fully functioning multi-region Next.js…
Cockroach Labs •
April 06, 2023
What is the CockroachDB Cloud API and why should you use It?
Learn about the various ways you can use the new CockroachDB Cloud API , including an example that…
The New Stack •
March 19, 2023
The Distance from Data to You in Edge Computing
How does data transfer work between the browser, the server, and the database? You may be surprised…
Smashing Magazine •
March 07, 2023
How To Create Dynamic Donut Charts With TailwindCSS And React
In this article, Paul Scanlon shares a super lightweight approach to creating a Donut chart using…
Cockroach Labs •
February 17, 2023
Converting Cloud Provider Regions Into Country Flags
Learn how Paul created an Open-source JavaScript utility package to help convert Cloud Provider…
Smashing Magazine •
February 16, 2023
Putting Gears In Motion: Animating Cars With HTML And SVG
SVG <animateMotion> provides a way to define how an element moves along a motion path. In this…
Gatsby •
November 16, 2022
What is Gatsby's Valhalla Content Hub?
Welcome to the Gatsby 2022 Glow Up! (thanks to bytes.dev for coining that phrase!) This post is…
Gatsby •
November 14, 2022
How to Use Function Props with Gatsby's Slice API
As good as the Slice API is, it does come with one or two restrictions. To be clear, these are by…
Gatsby •
November 08, 2022
Gatsby 5 Upgrade. Say No to YOLO
In this post Paul explains how he upgraded paulie.dev to Gatsby 5 and is now experiencing ~4…
The New Stack •
October 17, 2022
How to Use Google Sheets as a Database with React and Serverless Functions
In this tutorial I'll be explaining how to use Google Sheets as a database, to store the results of…
The New Stack •
October 08, 2022
How to Build SVG Line Charts with React, SSR and Tailwind CSS
A tutorial on how to roll your own SVG Line Charts in React using Server-side rendering, with either…
Smashing Magazine •
September 20, 2022
What's New In Gatsby 2022?
Gatsby has evolved quite dramatically in the last two years. In this article, Paul Scanlon explains…
Contentful •
July 05, 2022
Building Rise of the Robots with Gatsby and Contentful
Hi there! I recently built Rise of the Robots using Gatsby + Rive to demonstrate how Jamstack…
Gatsby •
May 23, 2022
Building Rise of the Robots
I’d like to Introduce Rise of the Robots . 🤖 A Gatsby + Rive + Contentful powered creative…
Gatsby •
April 06, 2022
How to Migrate from Netlify Functions to Gatsby Serverless Functions on Gatsby Cloud
In this post I'll explain how to migrate from Netlify Functions hosted on Netlify to Gatsby…
Gatsby •
March 31, 2022
How to Add Custom Fonts to Gatsby
Using methods outlined in this post I'll be demonstrating how to add custom fonts to a Gatsby site…
Gatsby •
March 23, 2022
How to Add Google Analytics gtag to Gatsby Using Partytown 🎉
On Wednesday Mar 2nd 2022 I watched Ersin Akinci's talk at GatsbyConf: Improve Your Lighthouse Score…
Gatsby •
January 23, 2022
Performance Optimization for three.js Web Animations
In this post I'm going to be discussing how to work with JavaScript animation libraries without…
Gatsby •
January 06, 2022
Building GatsbyConf 2022
Hello! Paul here and I've been given a new assignment! I've been tasked with building the new…
Gatsby •
December 17, 2021
Fetch Data from the Unsplash API and render using DSG
Learn how to use Gatsby's latest page rendering method DSG (Deferred Static Generation) to defer the…
Gatsby •
December 09, 2021
Fetch data from the New York Times API and render using SSG
As I'm sure you know, Gatsby is absolutely brills for statically generating web pages using any type…
Gatsby •
December 05, 2021
Fetch data from the US National Weather Service API and render using SSR
As you may have heard, the latest release of Gatsby, Gatsby 4 now supports SSR (Server Side…
Gatsby •
December 04, 2021
Become a Data Champion with Gatsby
Data is hard right? I think so too, and with Gatsby there's more than one way to boil that egg so in…
Gatsby •
December 02, 2021
Gatsby Plugin Not Working, But Why?
I know where you're coming from and understand the frustration, so here's my top tips that might…
Gatsby •
November 22, 2021
Content Querying with Gatsby + Contentful
In this post Paul explains how you can make use of Gatsby's useStaticQuery hook to query different…
Gatsby •
November 18, 2021
Deploy4Swag - Use the best Gatsby ever to get free goodies!
Hello, good morrow and good day! Paul here and I'm back with another super, smashing, great, Gatsby…
Gatsby •
November 15, 2021
A Quick Start Guide To Gatsby and Contentful
If you're looking to build a website using Gatsby and Contentful you've come to the right place. In…
Gatsby •
November 02, 2021
How To Use The Contentful Rich Text Field with Gatsby
Contentful's Rich Text Editor provides content creators with powerful text editing capabilities via…
Gatsby •
October 28, 2021
Gatsby FuncJam `21 - The Winners
From August through September Gatsby ran the internet's func'y-est ever community competition…
Smashing Magazine •
October 19, 2021
Building An API With Gatsby Serverless Functions
In this tutorial, Paul Scanlon explains how to build an API by using Gatsby Serverless Functions…
Smashing Magazine •
September 17, 2021
Monetize Open-Source Software With Gatsby Serverless Functions And Stripe
Gatsby Serverless Functions provide front-end developers a way to write and use server-side code…
Smashing Magazine •
July 26, 2021
Gatsby Serverless Functions And The International Space Station
Gatsby recently announced the launch of “functions”. In this article, Paul Scanlon explains how to…
Gatsby •
July 07, 2021
How We Made the Gatsby 500 Bottles Giveaway
I was keen to explore how Gatsby + Shopify might be adopted in a more incremental way. To test the…
Gatsby •
April 15, 2021
Gatsby Cloud - Better, Faster... Greener?
Gatsby sites are optimized to be smaller, sleeker and faster. When built and deployed in Gatsby…
Gatsby •
April 13, 2021
MDX Embedded Images with the All-New Gatsby Image Plugin
A gatsby-plugin-mdx and gatsby-plugin-image demo, taking a deep dive into MDX frontmatter and how it…
Gatsby •
April 09, 2021
Getting Started with Gatsby Source WordPress - Choose Your Own Adventure
A step by step guide to setting up your first Gatsby + WordPress website using gatsby-source…
Gatsby •
April 01, 2021
Shaping the Future of Headless WordPress
Like many devs, Paul Scanlon avoided WordPress projects whenever possible — until he tried Gatsby’s…
Gatsby •
March 12, 2021
Voices of Gatsby - Looking for The Lighthouse
When excited about a new project it's natural to dive in and start writing code. As developer Paul…
Gatsby •
January 28, 2021
Bottoms Up: Gatsby File System Route API + Bums = BumHub
BumHub: A silly idea, butt a firm working process. Hello, I’m Paul and for my Silly Site Challenge I…
Storybook •
December 10, 2020
Storybook Addon - MDX Embed
The MDX Embed addon allows you to embed 3rd party media content such as YouTube videos, Tweets…
Gatsby •
October 13, 2020
Hacktoberfest Spotlight A More ‘Polite’ MDX Embed Plugin
Enabling the community to easily write and release plugins for use with Gatsby is an absolute hammer…
Gatsby •
September 01, 2020
Gatsby Cloud is Your (Good) Friend
If you’re a Gatsby open source enthusiast you’re probably aware of Gatsby Cloud. But W.T.Flip…
Netlify •
July 16, 2020
Add Playful Animated SVG Reactions to a Gatsby Blog
In this blog post I'm going to discuss how to add user reactions to your Gatsby blog posts using a…
Gatsby •
May 21, 2020
Gatsby Recipes, What's All the Fuss About?
Gatsby Recipes were introduced just last month, as a new tool to automate common site building tasks…
CSS Tricks •
May 21, 2020
Roll Your Own Comments With Gatsby and Fauna
If you haven’t used Gatsby before have a read about why it’s fast in every way that matters, and if…
Gatsby •
April 20, 2020
Challenge Accepted, One Developer, 10 Projects, 100 Days of Gatsby
Paul Scanlon took the #100DaysOfGatsby challenge quite literally: Each day for 100 days, he worked…

Published Articles

The Art of Data Residency and Application Architecture

What is the CockroachDB Cloud API and why should you use It?

The Distance from Data to You in Edge Computing

How To Create Dynamic Donut Charts With TailwindCSS And React

Converting Cloud Provider Regions Into Country Flags

Putting Gears In Motion: Animating Cars With HTML And SVG

What is Gatsby's Valhalla Content Hub?

How to Use Function Props with Gatsby's Slice API

Gatsby 5 Upgrade. Say No to YOLO

How to Use Google Sheets as a Database with React and Serverless Functions

How to Build SVG Line Charts with React, SSR and Tailwind CSS

What's New In Gatsby 2022?

Building Rise of the Robots with Gatsby and Contentful

Building Rise of the Robots

How to Migrate from Netlify Functions to Gatsby Serverless Functions on Gatsby Cloud

How to Add Custom Fonts to Gatsby

How to Add Google Analytics gtag to Gatsby Using Partytown 🎉

Performance Optimization for three.js Web Animations

Building GatsbyConf 2022

Fetch Data from the Unsplash API and render using DSG

Fetch data from the New York Times API and render using SSG

Fetch data from the US National Weather Service API and render using SSR

Become a Data Champion with Gatsby

Gatsby Plugin Not Working, But Why?

Content Querying with Gatsby + Contentful

Deploy4Swag - Use the best Gatsby ever to get free goodies!

A Quick Start Guide To Gatsby and Contentful

How To Use The Contentful Rich Text Field with Gatsby

Gatsby FuncJam `21 - The Winners

Building An API With Gatsby Serverless Functions

Monetize Open-Source Software With Gatsby Serverless Functions And Stripe

Gatsby Serverless Functions And The International Space Station

How We Made the Gatsby 500 Bottles Giveaway

Gatsby Cloud - Better, Faster... Greener?

MDX Embedded Images with the All-New Gatsby Image Plugin

Getting Started with Gatsby Source WordPress - Choose Your Own Adventure

Shaping the Future of Headless WordPress

Voices of Gatsby - Looking for The Lighthouse

Bottoms Up: Gatsby File System Route API + Bums = BumHub

Storybook Addon - MDX Embed

Hacktoberfest Spotlight A More ‘Polite’ MDX Embed Plugin

Gatsby Cloud is Your (Good) Friend

Add Playful Animated SVG Reactions to a Gatsby Blog

Gatsby Recipes, What's All the Fuss About?

Roll Your Own Comments With Gatsby and Fauna

Challenge Accepted, One Developer, 10 Projects, 100 Days of Gatsby