External Publishers
Articles I've written for various publications including: The New Stack, Smashing Magazine and CSS Tricks.
- •How to Create Animated GIFs from GSAP Animations
SitePointIn this article, I’m going to explain how you can convert animations created using GSAP into animate...
- •How Qwik’s Astro Integration Beats Both React and Vanilla JS
The New StackPaul Scanlon tests Qwik with Astro, and finds it's the best of both worlds — lighter than React and ...
- •I’m in an Open Relationship with RemixThe New Stack
Paul Scanlon takes the Silicon Valley ethos perhaps a little too far. He's in an open relationship w...
- •How to Build a Server-Side React App Using Vite and ExpressThe New Stack
A demo of server-side rendering and server-side data fetching without using a framework — showing wh...
- •SPAs and React: You Don’t Always Need Server-Side RenderingThe New Stack
The React docs suggest picking one of the popular React-powered frameworks that support server-side ...
- •How to Use Astro with a Sprinkling of ReactThe New Stack
Here's how to use Astro to incrementally adopt a “reduced JavaScript” approach to building websites....
- •Roll Your Own Analytics With Astro, Vercel Edge Functions and Neon
NeonIn this post, I’ll explain how you can “roll your own” version of Google Analytics using Astro, Verc...
- •Getting Started With Neon Branching
Smashing MagazineBranches are a really nice (and safe) way to configure or reconfigure your database without fear of ...
- •How to use Postgres at the EdgeNeon
A closer look at how to use Neon's serverless driver with Vercel Edge Functions. In this post, I’d l...
- •How to Create a Multi-Region Node.js Lambda APIThe New Stack
In this post I'm going to show you how to build a multi-region Node.js Lambda API using Serverless F...
- •The Art of Data Residency and Application Architecture
Cockroach LabsIn this post Rob and Paul explain how they built Silo, a fully functioning multi-region Next.js appl...
- •What is the CockroachDB Cloud API and why should you use It?Cockroach Labs
Learn about the various ways you can use the new CockroachDB Cloud API, including an example that gi...
- •The Distance from Data to You in Edge ComputingThe New Stack
How does data transfer work between the browser, the server, and the database? You may be surprised ...
- •How To Create Dynamic Donut Charts With TailwindCSS And ReactSmashing Magazine
In this article, Paul Scanlon shares a super lightweight approach to creating a Donut chart using co...
- •Converting Cloud Provider Regions Into Country FlagsCockroach Labs
Learn how Paul created an Open-source JavaScript utility package to help convert Cloud Provider Regi...
- •Putting Gears In Motion: Animating Cars With HTML And SVGSmashing Magazine
SVG <animateMotion> provides a way to define how an element moves along a motion path. In this...
- •What is Gatsby's Valhalla Content Hub?
GatsbyWelcome to the Gatsby 2022 Glow Up! (thanks to bytes.dev for coining that phrase!) This post is abou...
- •How to Use Function Props with Gatsby's Slice APIGatsby
As good as the Slice API is, it does come with one or two restrictions. To be clear, these are by de...
- •Gatsby 5 Upgrade. Say No to YOLOGatsby
In this post Paul explains how he upgraded paulie.dev to Gatsby 5 and is now experiencing ~47% faste...
- •How to Use Google Sheets as a Database with React and Serverless FunctionsThe New Stack
In this tutorial I'll be explaining how to use Google Sheets as a database, to store the results of ...
- •How to Build SVG Line Charts with React, SSR and Tailwind CSSThe New Stack
A tutorial on how to roll your own SVG Line Charts in React using Server-side rendering, with either...
- •What's New In Gatsby 2022?Smashing Magazine
Gatsby has evolved quite dramatically in the last two years. In this article, Paul Scanlon explains ...
- •Building Rise of the Robots with Gatsby and Contentful
ContentfulHi there! I recently built Rise of the Robots using Gatsby + Rive to demonstrate how Jamstack creati...
- •Building Rise of the RobotsGatsby
I’d like to Introduce Rise of the Robots. 🤖 A Gatsby + Rive + Contentful powered creative, performa...
- •How to Migrate from Netlify Functions to Gatsby Serverless Functions on Gatsby CloudGatsby
In this post I'll explain how to migrate from Netlify Functions hosted on Netlify to Gatsby Serverle...
- •How to Add Custom Fonts to GatsbyGatsby
Using methods outlined in this post I'll be demonstrating how to add custom fonts to a Gatsby site i...
- •How to Add Google Analytics gtag to Gatsby Using Partytown 🎉Gatsby
On Wednesday Mar 2nd 2022 I watched Ersin Akinci's talk at GatsbyConf: Improve Your Lighthouse Score...
- •Performance Optimization for three.js Web AnimationsGatsby
In this post I'm going to be discussing how to work with JavaScript animation libraries without nega...
- •Building GatsbyConf 2022Gatsby
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 DSGGatsby
Learn how to use Gatsby's latest page rendering method DSG (Deferred Static Generation) to defer the...
- •Fetch data from the New York Times API and render using SSGGatsby
As I'm sure you know, Gatsby is absolutely brills for statically generating web pages using any type...
- •Fetch data from the US National Weather Service API and render using SSRGatsby
As you may have heard, the latest release of Gatsby, Gatsby 4 now supports SSR (Server Side Renderin...
- •Become a Data Champion with GatsbyGatsby
Data is hard right? I think so too, and with Gatsby there's more than one way to boil that egg so in...
- •Gatsby Plugin Not Working, But Why?Gatsby
I know where you're coming from and understand the frustration, so here's my top tips that might mak...
- •Content Querying with Gatsby + ContentfulGatsby
In this post Paul explains how you can make use of Gatsby's useStaticQuery hook to query different k...
- •Deploy4Swag - Use the best Gatsby ever to get free goodies!Gatsby
Hello, good morrow and good day! Paul here and I'm back with another super, smashing, great, Gatsby ...
- •A Quick Start Guide To Gatsby and ContentfulGatsby
If you're looking to build a website using Gatsby and Contentful you've come to the right place. In ...
- •How To Use The Contentful Rich Text Field with GatsbyGatsby
Contentful's Rich Text Editor provides content creators with powerful text editing capabilities via ...
- •Gatsby FuncJam `21 - The WinnersGatsby
From August through September Gatsby ran the internet's func'y-est ever community competition: FuncJ...
- •Building An API With Gatsby Serverless FunctionsSmashing Magazine
In this tutorial, Paul Scanlon explains how to build an API by using Gatsby Serverless Functions and...
- •Monetize Open-Source Software With Gatsby Serverless Functions And StripeSmashing Magazine
Gatsby Serverless Functions provide front-end developers a way to write and use server-side code wit...
- •Gatsby Serverless Functions And The International Space StationSmashing Magazine
Gatsby recently announced the launch of “functions”. In this article, Paul Scanlon explains how to g...
- •How We Made the Gatsby 500 Bottles GiveawayGatsby
I was keen to explore how Gatsby + Shopify might be adopted in a more incremental way. To test the w...
- •Gatsby Cloud - Better, Faster... Greener?Gatsby
Gatsby sites are optimized to be smaller, sleeker and faster. When built and deployed in Gatsby Clou...
- •MDX Embedded Images with the All-New Gatsby Image PluginGatsby
A gatsby-plugin-mdx and gatsby-plugin-image demo, taking a deep dive into MDX frontmatter and how it...
- •Getting Started with Gatsby Source WordPress - Choose Your Own AdventureGatsby
A step by step guide to setting up your first Gatsby + WordPress website using gatsby-source-wordpre...
- •Shaping the Future of Headless WordPressGatsby
Like many devs, Paul Scanlon avoided WordPress projects whenever possible — until he tried Gatsby’s ...
- •Voices of Gatsby - Looking for The LighthouseGatsby
When excited about a new project it's natural to dive in and start writing code. As developer Paul S...
- •Bottoms Up: Gatsby File System Route API + Bums = BumHubGatsby
BumHub: A silly idea, butt a firm working process. Hello, I’m Paul and for my Silly Site Challenge I...
- •Storybook Addon - MDX Embed
StorybookThe MDX Embed addon allows you to embed 3rd party media content such as YouTube videos, Tweets, Inst...
- •Hacktoberfest Spotlight A More ‘Polite’ MDX Embed PluginGatsby
Enabling the community to easily write and release plugins for use with Gatsby is an absolute hammer...
- •Gatsby Cloud is Your (Good) FriendGatsby
If you’re a Gatsby open source enthusiast you’re probably aware of Gatsby Cloud. But W.T.Flip actual...
- •Add Playful Animated SVG Reactions to a Gatsby Blog
NetlifyIn this blog post I'm going to discuss how to add user reactions to your Gatsby blog posts using a f...
- •Gatsby Recipes, What's All the Fuss About?Gatsby
Gatsby Recipes were introduced just last month, as a new tool to automate common site building tasks...
- •Roll Your Own Comments With Gatsby and Fauna
CSS TricksIf you haven’t used Gatsby before have a read about why it’s fast in every way that matters, and if ...
- •Challenge Accepted, One Developer, 10 Projects, 100 Days of GatsbyGatsby
Paul Scanlon took the #100DaysOfGatsby challenge quite literally: Each day for 100 days, he worked i...