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

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.

Website internationalization and gatsby-plugin-i18n-config

Notes on website internationalization for a Gatsby plugin that never was.

LaRocque.dev v1

Building a portfolio site with Nuxt, Bulma, and Contentful.

Porting LaRocque.dev from Nuxt to Gatsby

How to migrate a Nuxt app over to Gatsby.

See all projects

Tech

JavaScript

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

HTML

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

NPM

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

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.

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.

Typescript

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

Astro

Build faster websites.

Tailwind CSS

A utility-first CSS framework based around classes that can be composed to build any design, directly in your markup.