The Web and Stuff.
I like to make things—usually with web technologies, and usually for the web.
At the moment I'm most interested in jamstack and design systems. I work with things like React, Next.js, node.js, and GraphQL. Although there are parts of the stack I'm very focused on, I am most passionate about making stuff.
Blah blah blah I make websites.
Blog posts
I added dynamic Open Graph images to my site
Using Next.js and Puppeteer, I created a set of dynamic OG images that reuse the design system components from my site.
Component-level static props in Next.js
The Next-CMS project gives us a peek at component-level static props in Next.js. How does it work, and how can we use the pattern ourselves?
"Why I Left Gulp and Grunt for npm Scripts"—Cory House
Cory House provides many good reasons for using npm scripts instead of an alternative task runner such as Gulp.
Check your HTML document outline
Understanding exactly where and when to use the elements introduced in HTML5 can be tricky.
Make your entire Apple Music library available offline
Let's learn about Stylus' cache function.
Projects
🌿 Monstera
CSS-in-JS helper library.
🔴 Connect 4
Connect 4 game built with React and TypeScript.
⏳ Little Timer
Tiny CLI based time tracking tool.
🥪 Lipsumator
TypeScript library and Deno CLI for generating placeholder text.
📓 Frontend Guiding Principles
Handbook explaining my guiding principles for frontend web development.
Recent work
Implemented Incremental Static Regeneration for a Next.js site.
Built a GraphQL API layer over an old and inconsistent REST-ish API.
Built a CSS-in-JS helper library.
Built a headless site builder with WordPress and Next.js.
Configured Next.js preview mode with WordPress.
Created a Connect 4 game in TypeScript and React.