Matt Kane articles - 19 total
How to do ISR and advanced caching with Remix and Netlify
Incremental Static Regeneration (ISR) is a powerful pattern for rendering pages on the web. Remix has useful tools to do fine-grained ISR and other advanced caching patterns when deployed to Netlify
Building an astrological GPT
I'm not a believer in astrology in the slightest, but I've long been fascinated by it as a coder....
This GPT talks to your GraphQL server and will write your queries for you
I've built a GPT that can talk to your GraphQL server, learn the schema, then build queries that...
🏎️💨 Turbocharge your builds with a Turborepo remote cache in a single edge function
Monorepos are a great tool for organizing projects, but they can lead to slow build particularly in...
Bring back the Twitter link preview
In September 2023, Twitter (sorry, X) changed links to no longer show a preview of the link. They...
Level-up your web images with Unpic picture tags
Responsive images are among the most important tools for improving the performance and user...
A minimal, multi-framework, responsive image component
Doing web images right can be hard. The <img> tag is just the starting point. In 2023, if you...
Benchmarking web dev tools on the Mac mini M1
In the weeks after the new Apple Silicon Macs were launched there were plenty of reviews with benchma...
Top 6 reasons Gatsby incremental builds can be slow (and how to make them fast)
Note: I'm an engineer on the open source team at Gatsby, but this isn't an official post You've hear...
How to build a Gatsby plugin to display your DEV posts
Note: Since my last Gatsby post I got a job at Gatsby on the open source team! This isn't an official...
How to use Drupal Paragraphs in your Gatsby site
If you're using Drupal as a data source for Gatsby, you really should be using the Paragraphs module....
A more realistic HTML canvas paint tool
Building a realistic canvas paint tool, bristle-by-bristle
Build an Arduino photo flash tester using high-speed AVR timers
Learn microsecond AVR timers by building a camera flash tester Arduino shield.
Create a minimal React app in less than a minute with Parcel
The simplest way to get started with React is to use create-react-app (CRA), but that is often...
How to force package installs to use yarn not npm
Leaving aside arguments over which node package manager is better, one thing that should be clear is...
Add geolocation to an HTML form in five lines of JavaScript
Addresses are some of the most common types of HTML form that you are likely to create, and most have...
Class fields are coming. Here's what that means for React
If you've ever written a class component in React, you probably have a contructor a lot like...
Creating a typed "compose" function in TypeScript
I recently wrote a couple of small utility functions that turned into a deep exploration of...
PR previews for your static site with CodeBuild and Lambda@Edge
Set up a continuous deployment pipeline for a static site, with pull request build previews, using AWS.