Published Articles
Articles I've written for various online publications including: The New Stack, Smashing Magazine and CSS Tricks.
- Cockroach Labs •
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 •
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 •
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 •
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 •
Converting Cloud Provider Regions Into Country Flags
Learn how Paul created an Open-source JavaScript utility package to help convert Cloud Provider…
- Smashing Magazine •
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 •
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 •
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 •
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 •
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 •
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 •
What's New In Gatsby 2022?
Gatsby has evolved quite dramatically in the last two years. In this article, Paul Scanlon explains…
- Contentful •
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 •
Building Rise of the Robots
I’d like to Introduce Rise of the Robots . 🤖 A Gatsby + Rive + Contentful powered creative…
- Gatsby •
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 •
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 •
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 •
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 •
Building GatsbyConf 2022
Hello! Paul here and I've been given a new assignment! I've been tasked with building the new…
- Gatsby •
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 •
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 •
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 •
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 •
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 •
Content Querying with Gatsby + Contentful
In this post Paul explains how you can make use of Gatsby's useStaticQuery hook to query different…
- Gatsby •
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 •
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 •
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 •
Gatsby FuncJam `21 - The Winners
From August through September Gatsby ran the internet's func'y-est ever community competition…
- Smashing Magazine •
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 •
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 •
Gatsby Serverless Functions And The International Space Station
Gatsby recently announced the launch of “functions”. In this article, Paul Scanlon explains how to…
- Gatsby •
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 •
Gatsby Cloud - Better, Faster... Greener?
Gatsby sites are optimized to be smaller, sleeker and faster. When built and deployed in Gatsby…
- Gatsby •
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 •
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 •
Shaping the Future of Headless WordPress
Like many devs, Paul Scanlon avoided WordPress projects whenever possible — until he tried Gatsby’s…
- Gatsby •
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 •
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 •
Storybook Addon - MDX Embed
The MDX Embed addon allows you to embed 3rd party media content such as YouTube videos, Tweets…
- Gatsby •
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 •
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 •
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 •
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 •
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 •
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…