Hey, I'm Chris

I'm a full-stack web developer obsessed with making the web easier to build for everyone. For the last few years I've been a solutions engineer at Gatsby, Netlify, and now Sanity, as well as consulting to help companies build a better web. Check out the things I've built or the tech I've used to build them below.

Projects

Serve markdown versions of Astro pages for agents

How to serve raw markdown from static Astro pages for AI agents using HTTP content negotiation and Netlify Edge Functions.

Add a copy button to code blocks in Astro

How to add a copy button to code blocks in your Astro project's markdown files.

Frontify DAM integration for Sanity Studio

Hacked together integration between Frontify and Sanity, allowing you to use Frontify assets in your Sanity content.

Remove 404 error for /service-worker.js in local development

Various frameworks will show a 404 in the console for a /service-worker.js file, here's how to remove that lil jerk.

Add Vitest to a Next app

Adding Vitest to a Next app and writing a simple test

Astro component for a GitHub contribution graph

Using the GitHub GraphQL API to recreate their contribution graph in an Astro component with Tailwind CSS.

Astro component for a list of GitHub gists

Using the GitHub JS client Octokit to fetch all gists for a user and render them using an Astro component.

Migrating my site from Nuxt to Astro

The process of taking my site from Nuxt to Astro, and how content collections replaced Contentful.

Creating a Tailwind color picker

A little helper function I found useful in a recent project that allows you to get the Tailwind color closest to a given CSS color value.

Generating open graph images with Netlify functions.

How to leverage Netlify functions and Satori to generate open graph images for your site.

Building theconvergencebooks.com with Astro

Migrating theconvergencebooks.com from Wix to Astro+Tailwind

Content search with Nuxt, Algolia, and Contentful

Integrating Algolia into a Nuxt+Contentful stack.

See all projects

Tech

JavaScript

JavaScript is everywhere, whether we want it there or not.

NPM

Relied upon by more than 11 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe.

HTML

The HyperText Markup Language is the standard markup language for documents designed to be displayed in a web browser.

GitHub

Harnessed for productivity. Designed for collaboration. Celebrated for built-in security. GitHub is the platform developers love.

Netlify

The fastest way to combine your favorite tools and APIs to build the fastest sites, stores, and apps for the web.

CSS

CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

Typescript

TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.

Astro

Build faster websites.

SASS

Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.

Contentful

Build experiences that drive your business forward with the composable content platform.

Node.js

Node.js® is an open-source, cross-platform JavaScript runtime environment.

React

A JavaScript library for building user interfaces.