writing

Here's a collection of articles I've written that have been officially published 🕺


gatsby-logoGatsby
17-Dec-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 and keep your build…
Gatsby
React
DSG
Read article ✏️
gatsby-logoGatsby
9-Dec-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 kind of data source…
Gatsby
React
SSG
Read article ✏️
gatsby-logoGatsby
5-Dec-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 addition to the way you…
Gatsby
React
SSR
Read article ✏️
gatsby-logoGatsby
4-Dec-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 posts I plan to…
Gatsby
React
Read article ✏️
gatsby-logoGatsby
2-Dec-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 plugins a little more…
Gatsby
React
Read article ✏️
gatsby-logoGatsby
22-Nov-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 data to use around…
Gatsby
React
Read article ✏️
gatsby-logoGatsby
18-Nov-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! Read article
Gatsby
React
Read article ✏️
gatsby-logoGatsby
15-Nov-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 mainly be focusing on…
Gatsby
React
Read article ✏️
gatsby-logoGatsby
2-Nov-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 Contentful's "What you see is…
Gatsby
React
Read article ✏️
gatsby-logoGatsby
28-Oct-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 are the winners! Read…
Gatsby
Gatsby Functions
React
Read article ✏️
smashing-magazine-logoSmashing Magazine
19-Oct-2021
Building An API With Gatsby Functions
In this tutorial, Paul Scanlon explains how to build an API by using Gatsby Functions and what you need to keep in mind when deploying it…
Gatsby
Gatsby Functions
React
Read article ✏️
smashing-magazine-logoSmashing Magazine
17-Sep-2021
Monetize Open-Source Software With Gatsby Functions And Stripe
Gatsby Functions provide front-end developers a way to write and use server-side code without the hassle of maintaining a server. If making…
Gatsby
Gatsby Functions
Storybook
Stripe
MDX Embed
Read article ✏️
smashing-magazine-logoSmashing Magazine
26-Jul-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 location of the…
Gatsby
Gatsby Functions
React
Three.js
react-three-fiber
Read article ✏️
gatsby-logoGatsby
7-Jul-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 might be of interest…
Gatsby
Gatsby Functions
React
Three.js
react-three-fiber
Read article ✏️
gatsby-logoGatsby
15-Apr-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 fewer data center…
Gatsby
React
Read article ✏️
gatsby-logoGatsby
13-Apr-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 store references to…
Gatsby
React
Read article ✏️
gatsby-logoGatsby
9-Apr-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 own adventure style…
Gatsby
React
Read article ✏️
gatsby-logoGatsby
1-Apr-2021
Shaping the Future of Headless WordPress: A Gatsby Demo
Like many devs, Paul Scanlon avoided WordPress projects whenever possible — until he tried Gatsby’s new WordPress source plugin. His Future…
Gatsby
React
Read article ✏️
gatsby-logoGatsby
12-Mar-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 Scanlon learned during a previous career…
Gatsby
Read article ✏️
gatsby-logoGatsby
28-Jan-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: “The cheekiest way to…
Gatsby
React
GitHub REST
Read article ✏️
storybook-logoStorybook
10-Dec-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 lessons, Spotify…
Storybook
React
MDX
Read article ✏️
gatsby-logoGatsby
13-Oct-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 gives Gatsby enthusiasts…
Gatsby
React
MDX
Read article ✏️
gatsby-logoGatsby
1-Sep-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, and why would you…
Gatsby
Gatsby Cloud
Gatsby Themes
React
Shopify
Read article ✏️
netlify-logoNetlify
16-Jul-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 React UI component…
Gatsby
React
GSAP
SVG
Read article ✏️
css-tricks-logoCSS Tricks
21-May-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 Fauna before you’re in…
Gatsby
React
Fauna
Read article ✏️
gatsby-logoGatsby
21-May-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 a kind of task…
Gatsby
Gatsby Recipes
React
Read article ✏️
gatsby-logoGatsby
20-Apr-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 Gatsby ecosystem…
Gatsby
React
Read article ✏️