Articles x71 External Publishers Articles I've written for various publications including: The New Stack, Smashing Magazine and CSS Tricks. NEW The New Stack • Wednesday, May 1, 2024 Automatically Generate Types for Your PostgreSQL Database SQL can be typesafe, in the JavaScript sense of the word. Paul Scanlon demonstrates why devs shouldn't be afraid to work... TypeScript Postgres NEW The New Stack • Wednesday, April 24, 2024 Global state management in React with Jotai Jotai is a global state management solution for React, explains Paul Scanlon in this tutorial about Waku developer Daish... React JavaScript Waku NEW The New Stack • Thursday, April 18, 2024 Did Signals Just Land in React? "Signals" are used to manage client-side state, and recent developments suggest they could be useful in React. Paul Scan... React JavaScript NEW Netlify Developers • Tuesday, April 9, 2024 How to use Sanity CMS with Astro The ability to select both the framework and the content management system that each have the best fit with the requirem... JavaScript Astro Sanity NEW The New Stack • Tuesday, April 9, 2024 React Server Components in a Nutshell Paul Scanlon uses Waku to show how RSCs give React developers access to asynchronous server-side requests and data at th... React JavaScript Waku NEW The New Stack • Saturday, March 23, 2024 US Tech Cannot Comprehend the Digital Nomad Way of Life Hello all, I’m Paul. I’m a British citizen and tech nerd. I’m currently visiting and working remotely in Medellin (Colom... Op-ed NEW The New Stack • Monday, March 18, 2024 Say No to ‘Ship It’ Culture: Slow and Steady Wins the Race In this post, I’d like to share my thoughts on “ship it” culture — which could be polarizing! I’ve noticed the trend gro... Op-ed NEW Netlify Developers • Wednesday, March 13, 2024 Adding resumability to Astro with Qwik Astro avoids shipping any JavaScript to the client by default. However, there are occasions when client-side JavaScript ... JavaScript Astro Qwik NEW The New Stack • Saturday, March 9, 2024 How to Build Embed Components with Astro, Qwik and StackBlitz Paul Scanlon shows how to use the StackBlitz JavaScript SDK, in this case to embed StackBlitz projects in an Astro websi... JavaScript Astro Qwik StackBlitz NEW The New Stack • Thursday, February 29, 2024 How to Build Site Search with Astro, Qwik and Fuse.js How to build a site search using Astro’s content collections, static endpoints and Qwik’s Astro integration with Fuse.js... JavaScript Astro Qwik Fuse.js NEW The New Stack • Saturday, February 17, 2024 JavaScript on Demand: How Qwik Differs From React Hydration Paul Scanlon explains resumability, Qwik’s approach to solving the beastly client-side JavaScript problem, and how it di... JavaScript React Qwik NEW Contentful • Wednesday, February 7, 2024 Simple data visualization using Astro and Contentful In this post I’ll show you how I created a time series chart to display tag usage from blog posts published on my site p... Astro JavaScript Contentful NEW The New Stack • Wednesday, January 24, 2024 Take a Qwik Break from React with Astro Paul Scanlon compares React to Qwik using several examples (code included). He concludes that Qwik is worth exploring as... Astro JavaScript React Qwik NEW SitePoint • Thursday, January 18, 2024 Brighten Up Your Astro Site with KwesForms and Rive In this article, I’ll show you how to add KwesForms to your Astro site and then bring the form to life using custom even... Astro Rive KwesForms JavaScript NEW The New Stack • Friday, December 15, 2023 Recreating Shopify’s BFCM Globe Using react-globe.gl Developer Paul Scanlon shows how to recreate Shopify's 3D Thanksgiving globe, using a React component for globe data vis... JavaScript React three.js NEW SitePoint • Thursday, November 30, 2023 How to Create Animated GIFs from GSAP Animations In this article, I’m going to explain how you can convert animations created using GSAP into animated GIFs using modern-... GSAP modern-gif NEW The New Stack • Thursday, November 23, 2023 How Qwik’s Astro Integration Beats Both React and Vanilla JS Paul Scanlon tests Qwik with Astro, and finds it's the best of both worlds — lighter than React and less verbose than Va... Astro JavaScript React Qwik NEW The New Stack • Tuesday, November 21, 2023 I’m in an Open Relationship with Remix Paul Scanlon takes the Silicon Valley ethos perhaps a little too far. He's in an open relationship with Remix, but swear... React Remix Vite Op-ed NEW The New Stack • Monday, November 6, 2023 How to Build a Server-Side React App Using Vite and Express A demo of server-side rendering and server-side data fetching without using a framework — showing what React-powered fra... React Vite Express NEW The New Stack • Wednesday, November 1, 2023 SPAs and React: You Don’t Always Need Server-Side Rendering The React docs suggest picking one of the popular React-powered frameworks that support server-side rendering (SSR) — bu... React Vite NEW The New Stack • Tuesday, October 24, 2023 How to Use Astro with a Sprinkling of React Here's how to use Astro to incrementally adopt a “reduced JavaScript” approach to building websites. No more refactoring... Astro React Netlify NEW Neon • Tuesday, October 3, 2023 Roll Your Own Analytics With Astro, Vercel Edge Functions and Neon In this post, I’ll explain how you can “roll your own” version of Google Analytics using Astro, Vercel Edge Functions an... Astro Edge Functions Neon NEW Smashing Magazine • Tuesday, September 19, 2023 Getting Started With Neon Branching Branches are a really nice (and safe) way to configure or reconfigure your database without fear of screwing up the prod... Neon Edge Functions NEW Neon • Tuesday, September 19, 2023 How to use Postgres at the Edge A closer look at how to use Neon's serverless driver with Vercel Edge Functions. In this post, I’d like to introduce Neo... Neon Edge Functions NEW The New Stack • Saturday, June 17, 2023 How to Create a Multi-Region Node.js Lambda API In this post I'm going to show you how to build a multi-region Node.js Lambda API using Serverless Framework and pair it... Serverless CockroachDB AWS Lambda NEW Cockroach Labs • Wednesday, 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 application combining Co... Next.js React React Query Tailwind CockroachDB AWS Lambda NEW Cockroach Labs • Thursday, April 6, 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 gives you insight into... Next.js React React Query Tailwind NextAuth CockroachDB CockroachDB Cloud API NEW The New Stack • Sunday, 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 at the distances tha... Next.js Vercel Serverless Functions SSR React JavaScript AWS Lambda Serverless NEW Smashing Magazine • Tuesday, March 7, 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 conic-gradient(). Ther... HTML JavaScript React Tailwind CSS SVG NEW Cockroach Labs • Friday, 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 Region codes, into real ... JavaScript NEW Smashing Magazine • Thursday, 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 article, Paul Scanl... HTML SVG NEW Gatsby • Wednesday, 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 about how I've used Gats... Gatsby Remix NEW Gatsby • Monday, 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 design rather than an ... Gatsby React NEW Gatsby • Tuesday, November 8, 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 ~47% faster build times! <C... Gatsby React NEW The New Stack • Monday, 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 a user poll. I've us... Gatsby Next.js Gatsby Serverless Functions React JavaScript Tailwind NEW The New Stack • Saturday, October 8, 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 Next.js or Gatsby. ... Gatsby Next.js Gatsby Serverless Functions SSR React JavaScript SVG Tailwind NEW Smashing Magazine • Tuesday, 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 what Gatsby can do t... Gatsby Gatsby Serverless Functions SSR React JavaScript MDX Tailwind NEW Contentful • Tuesday, July 5, 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 creativity and performance... Gatsby React Contentful Rive Tailwind NEW Gatsby • Monday, May 23, 2022 Building Rise of the Robots I’d like to Introduce Rise of the Robots. 🤖 A Gatsby + Rive + Contentful powered creative, performant, and accessible d... Gatsby React Contentful Rive Motion Graphics Tailwind NEW Gatsby • Wednesday, April 6, 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 Serverless Functions hosted ... Gatsby React Gatsby Serverless Functions Gatsby Cloud NEW Gatsby • Thursday, 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 in a more performant ... Gatsby React NEW Gatsby • Wednesday, 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 with Partytown and ... Gatsby React JavaScript Partytown Google Analytics NEW Gatsby • Sunday, 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 negatively impacting you... Gatsby React three.js react-three-fiber NEW Gatsby • Thursday, January 6, 2022 Building GatsbyConf 2022 Hello! Paul here and I've been given a new assignment! I've been tasked with building the new GatsbyConf 2022 site - yik... Gatsby React three.js react-three-fiber Contentful Tailwind NEW Gatsby • Friday, 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 creation of pages a... Gatsby React DSG JavaScript Tailwind NEW Gatsby • Thursday, December 9, 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 of data from any ki... Gatsby React SSG JavaScript Tailwind NEW Gatsby • Sunday, December 5, 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 Rendering) 🥳 This new addit... Gatsby React SSR JavaScript Tailwind NEW Gatsby • Saturday, December 4, 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 this series of blog... Gatsby React JavaScript Tailwind NEW Gatsby • Thursday, December 2, 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 make using Gatsby plugi... Gatsby React Gatsby Plugins NEW Gatsby • Monday, 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 kinds of Contentful d... Gatsby React NEW Gatsby • Thursday, 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 swag giveaway! <C... Gatsby React NEW Gatsby • Monday, 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 this guide you'll ma... Gatsby React Contentful NEW Gatsby • Tuesday, November 2, 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 the use of Contentfu... Gatsby React Contentful NEW Gatsby • Thursday, October 28, 2021 Gatsby FuncJam `21 - The Winners From August through September Gatsby ran the internet's func'y-est ever community competition: FuncJam '21 -- And here a... Gatsby Gatsby Serverless Functions React NEW Smashing Magazine • Tuesday, 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 and what you need to ke... Gatsby Gatsby Serverless Functions React NEW Smashing Magazine • Friday, 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 without the hassle of m... Gatsby Gatsby Serverless Functions Storybook Stripe MDX Embed Motion Graphics NEW Smashing Magazine • Monday, 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 get the current locat... Gatsby Gatsby Serverless Functions React three.js react-three-fiber NEW Gatsby • Wednesday, July 7, 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 water in a way that m... Gatsby Gatsby Serverless Functions React three.js react-three-fiber NEW Gatsby • Thursday, April 15, 2021 Gatsby Cloud - Better, Faster... Greener? Gatsby sites are optimized to be smaller, sleeker and faster. When built and deployed in Gatsby Cloud they also use fewe... Gatsby React NEW Gatsby • Tuesday, 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 can be used to stor... Gatsby React NEW Gatsby • Friday, April 9, 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-wordpress -- choose your ow... Gatsby React NEW Gatsby • Thursday, April 1, 2021 Shaping the Future of Headless WordPress Like many devs, Paul Scanlon avoided WordPress projects whenever possible — until he tried Gatsby’s new WordPress source... Gatsby React NEW Gatsby • Friday, March 12, 2021 Voices of Gatsby - Looking for The Lighthouse Gatsby believes in cultivating inclusion and elevating the many members of our diverse community. Our new Voices of Gats... Gatsby Op-ed NEW Gatsby • Thursday, 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 created BumHub: “Th... Gatsby React GitHub REST NEW Storybook • Thursday, December 10, 2020 Storybook Addon - MDX Embed The MDX Embed addon allows you to embed 3rd party media content such as YouTube videos, Tweets, Instagram posts, Egghead... Storybook React MDX NEW Gatsby • Tuesday, 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 of an idea. It give... Gatsby React MDX NEW Gatsby • Tuesday, September 1, 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 actually is Gatsby Cloud, ... Gatsby Gatsby Cloud Gatsby Themes React Shopify NEW Netlify • Thursday, 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 fun, open-source Reac... Gatsby React GSAP SVG NEW Gatsby • Thursday, 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. A Gatsby Recipe is... Gatsby Gatsby Recipes React NEW CSS Tricks • Thursday, 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 you haven’t used Fau... Gatsby React Fauna NEW Gatsby • Monday, 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 in and around the Gat... Gatsby React