Colby Fayock
Astrocoder, Developer Experience Engineer, Space Jelly Commander—I help others get the tech out of the way to solve real problems with the tools of the web. I work as a Senior Engineer at Shopify and am a prolific creator of educational content teaching others through learning by doing one Star Wars plush cuddle at a time.

Build a Blog in Next.js with Directus

Easiest Way to Build Photo Gallery

Build an Invoice App with Next.js 15

Lint & Format JavaScript with Biome

MDX in Next.js is Easy Now

Favicons the Right Way

Pagination in React

Generate a PDF in React

Build a Web Scraper API with Puppeteer

This Fixes CORS

Build a Notification System in Next.js with Knock

Best Way to Add Popup Modals in React

Add to Calendar Button with React & Tailwind

Speech Recognition & Voice Synthesis in React (Web Speech API)

Styling active links in next.js is tricker than you think

The headless CMS we’ve been waiting for

Get Selected Text in React

Detect Clicks Anywhere on a Page in React

Build your own Notion-like WYSIWYG Editor in React

You Don't Need a CMS - Use This Instead

Easiest way to Copy to Clipboard in React

Smooth Scroll to an Element in React

Email Countdown Timer Image with JavaScript

Build a Code Editor in React

Build Apps Faster with daisyUI Tailwind Components

Documentation Website in Next.js with Nextra

Dynamic Social Card Images in Next.js with Cloudinary

Abort Fetch API Requests using AbortController

Easily Zip Files in React

Download Progress Bar in React with Fetch API