Tailwind x25

Tagged with Tailwind

Here you'll find 25 pieces of content I've written about Tailwind. They've either been published here on my site, or by external publications.

NEW
Monday, December 11, 2023 Punk Squirrel: GitHub Statistical Analysis
Project Overview This project, initially, was something I thought i could turn into a product, with subscriptions, or pa...
- Remix
- React
- PostgreSQL
- GSAP
- Svg
- Tailwind
- Supabase
- ffmpeg/WASM
NEW
Wednesday, November 22, 2023 A set of: "Sign In With Google" Buttons Made With Tailwind
In this post I'll provide several code snippets for the various types of "Sign in with Google" buttons that are availabl...
- Tailwind
NEW
Monday, October 2, 2023 How to Create an SVG Radar Chart using Astro and Tailwind
If you're familiar with Astro you'll likely know that a lot of effort has been made to ensure you ship less JavaScript t...
- Astro
- JavaScript
- SVG
- Tailwind
NEW
Tuesday, September 19, 2023 How to use Postgres at the Edge
Project Overview This is my first project since joining Neon, it's actually a little something I was playing around with...
- Next.js
- React
- React Query
- Tailwind
- Neon
- Edge Functions
- three.js
- react-three-fiber
- PostgreSQL
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
- PostgreSQL
NEW
Tuesday, May 16, 2023 The Art of Data Residency and Application Architecture
Project Overview This is to be my second project since joining Cockroach Labs but the first project that fully aligned w...
- Next.js
- React
- React Query
- Tailwind
- CockroachDB
- AWS
- PostgreSQL
NEW
Cockroach Labs
• Thursday, April 6, 2023 What is the CockroachDB Cloud API and why should you use It?
In this post you’ll learn about the CockroachDB Cloud API and how I’ve used it to create an application Dashboard with N...
- Next.js
- React
- React Query
- Tailwind
- NextAuth
- CockroachDB
NEW
Thursday, April 6, 2023 What Is the CockroachDB Cloud API?
Project Overview My first task after joining Cockroach Labs was to design and build something that demonstrates the capa...
- Next.js
- React
- React Query
- Tailwind
- NextAuth
- CockroachDB
- CockroachDB Cloud API
NEW
Sunday, March 19, 2023 Edge
Project Overview In this demo I set out to show how data transfer works between the browser, the server, and the databas...
- Next.js
- React
- three.js
- react-three-fiber
- React Query
- Tailwind
- NextAuth
- pg-promise
- CockroachDB
- PostgreSQL
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
Thursday, February 9, 2023 My Cockroach Labs Interview App
Hello there! In November 2022 I started a new role at Cockroach Labs, and worked as a Technical Evangelist, and here's a...
- Next.js
- React
- three.js
- react-three-fiber
- React Query
- Tailwind
- NextAuth
- pg-promise
- CockroachDB
- PostgreSQL
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
- 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
- Serverless Functions
- SSR
- React
- JavaScript
- SVG
- Tailwind
NEW
Tuesday, September 27, 2022 How to use Serverless Functions with SSR
In this post I'll explain how to abstract and reuse the same function logic across all sides of the Gatsby stack; Server...
- Gatsby
- Serverless Functions
- React
- JavaScript
- Tailwind
- Google Analytics
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
- Serverless Functions
- SSR
- React
- JavaScript
- MDX
- Tailwind
NEW
Monday, August 8, 2022 Syntax highlighting with Gatsby, MDX, Tailwind and Prism React Renderer
In this post I'll explain how I use the excellent {" "} Prism React Renderer by {" "} Formiddable to add syntax highligh...
- Gatsby
- React
- JavaScript
- MDX
- Tailwind
- Prism
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
Wednesday, June 1, 2022 Rise of the Robots
Project Overview From April 2022 to June 2022 I designed and built Rise of the Robots. The motivation for this project, ...
- Gatsby
- React
- JavaScript
- 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
• 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
Friday, June 11, 2021 Paulie API
Project Overview In November 2020 I had an idea, I wanted to build an API so I could consume my Twitter Profile Data in ...
- Gatsby
- React
- JavaScript
- Serverless Functions
- Tailwind