Colby Fayock

@UC7Wpv0Aft4NPNhHWW_JC4GQ - 35.6K subscribers

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.

Home Videos Live Playlists

How to build a newsletter signup in Next.js

How to build a newsletter signup in Next.js Colby Fayock

552 views - 1 month ago

Build a Blog in Next.js with Directus

Build a Blog in Next.js with Directus Colby Fayock

10K views - 1 year ago

Easiest Way to Build Photo Gallery

Easiest Way to Build Photo Gallery Colby Fayock

4.4K views - 1 year ago

Build an Invoice App with Next.js 15

Build an Invoice App with Next.js 15 Colby Fayock

95K views - 1 year ago

Lint & Format JavaScript with Biome

Lint & Format JavaScript with Biome Colby Fayock

15K views - 1 year ago

MDX in Next.js is Easy Now

MDX in Next.js is Easy Now Colby Fayock

15K views - 1 year ago

Favicons the Right Way

Favicons the Right Way Colby Fayock

21K views - 1 year ago

Pagination in React

Pagination in React Colby Fayock

8.2K views - 1 year ago

Generate a PDF in React

Generate a PDF in React Colby Fayock

74K views - 1 year ago

Build a Web Scraper API with Puppeteer

Build a Web Scraper API with Puppeteer Colby Fayock

32K views - 1 year ago

This Fixes CORS

This Fixes CORS Colby Fayock

13K views - 2 years ago

Build a Notification System in Next.js with Knock

Build a Notification System in Next.js with Knock Colby Fayock

8.4K views - 2 years ago

Best Way to Add Popup Modals in React

Best Way to Add Popup Modals in React Colby Fayock

20K views - 2 years ago

Add to Calendar Button with React & Tailwind

Add to Calendar Button with React & Tailwind Colby Fayock

4.5K views - 2 years ago

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

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

21K views - 2 years ago

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

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

5.2K views - 2 years ago

The headless CMS we’ve been waiting for

The headless CMS we’ve been waiting for Colby Fayock

6K views - 2 years ago

Get Selected Text in React

Get Selected Text in React Colby Fayock

4.5K views - 2 years ago

Detect Clicks Anywhere on a Page in React

Detect Clicks Anywhere on a Page in React Colby Fayock

4.8K views - 2 years ago

Build your own Notion-like WYSIWYG Editor in React

Build your own Notion-like WYSIWYG Editor in React Colby Fayock

28K views - 2 years ago

You Don't Need a CMS - Use This Instead

You Don't Need a CMS - Use This Instead Colby Fayock

37K views - 2 years ago

Easiest way to Copy to Clipboard in React

Easiest way to Copy to Clipboard in React Colby Fayock

14K views - 2 years ago

Smooth Scroll to an Element in React

Smooth Scroll to an Element in React Colby Fayock

55K views - 2 years ago

Email Countdown Timer Image with JavaScript

Email Countdown Timer Image with JavaScript Colby Fayock

1.5K views - 2 years ago

Build a Code Editor in React

Build a Code Editor in React Colby Fayock

13K views - 2 years ago

Build Apps Faster with daisyUI Tailwind Components

Build Apps Faster with daisyUI Tailwind Components Colby Fayock

42K views - 2 years ago

Documentation Website in Next.js with Nextra

Documentation Website in Next.js with Nextra Colby Fayock

14K views - 2 years ago

Dynamic Social Card Images in Next.js with Cloudinary

Dynamic Social Card Images in Next.js with Cloudinary Colby Fayock

3.4K views - 2 years ago

Abort Fetch API Requests using AbortController

Abort Fetch API Requests using AbortController Colby Fayock

18K views - 2 years ago

Easily Zip Files in React

Easily Zip Files in React Colby Fayock

6.9K views - 2 years ago

Download Progress Bar in React with Fetch API

Download Progress Bar in React with Fetch API Colby Fayock

16K views - 2 years ago

Warn Users When Leaving a Page in React with beforeunload

Warn Users When Leaving a Page in React with beforeunload Colby Fayock

23K views - 2 years ago

Build Dashboards for Data Visualization in React with Tremor & Tailwind

Build Dashboards for Data Visualization in React with Tremor & Tailwind Colby Fayock

22K views - 2 years ago

Upload Files in React - Typescript, Drag and Drop, & Form Examples

Upload Files in React - Typescript, Drag and Drop, & Form Examples Colby Fayock

85K views - 2 years ago

Cache WordPress GraphQL Requests with WPGraphQL

Cache WordPress GraphQL Requests with WPGraphQL Colby Fayock

2K views - 2 years ago

Routing in React.js - Easy Page Routes with Wouter

Routing in React.js - Easy Page Routes with Wouter Colby Fayock

5.1K views - 3 years ago

Analytics in Next.js 13 with Plausible

Analytics in Next.js 13 with Plausible Colby Fayock

10K views - 3 years ago

Create & Send Custom Emails with React Email & Resend

Create & Send Custom Emails with React Email & Resend Colby Fayock

80K views - 3 years ago

Add Search in Next.js with Server Actions

Add Search in Next.js with Server Actions Colby Fayock

3.4K views - 3 years ago

Sitemap, RSS Feed, & Static Routes with Next.js App Router

Sitemap, RSS Feed, & Static Routes with Next.js App Router Colby Fayock

12K views - 3 years ago

Create a Raycast Extension with React & Typescript

Create a Raycast Extension with React & Typescript Colby Fayock

10K views - 3 years ago

Generate Trivia Questions with AI using the OpenAI SDK

Generate Trivia Questions with AI using the OpenAI SDK Colby Fayock

4.1K views - 3 years ago

Visual Testing in Next.js with Playwright & Applitools

Visual Testing in Next.js with Playwright & Applitools Colby Fayock

4.9K views - 3 years ago

Scrape Website Images & Calculate Carbon Footprint with co2.js

Scrape Website Images & Calculate Carbon Footprint with co2.js Colby Fayock

2.3K views - 3 years ago

Take Screenshots of Websites in Node.js with Playwright

Take Screenshots of Websites in Node.js with Playwright Colby Fayock

3.1K views - 3 years ago

Generate Custom Pokémon Cards in Next.js using OpenAI ChatGPT & DALL-E

Generate Custom Pokémon Cards in Next.js using OpenAI ChatGPT & DALL-E Colby Fayock

4.7K views - 3 years ago

Copilot CLI - The future of terminal commands with AI

Copilot CLI - The future of terminal commands with AI Colby Fayock

5.5K views - 3 years ago

What are SolidJS Signals?

What are SolidJS Signals? Colby Fayock

1.3K views - 3 years ago

Meme Generator with Next.js & Cloudinary

Meme Generator with Next.js & Cloudinary Colby Fayock

1.8K views - 3 years ago

Detect Objects in Images with AI in Next.js with Cloudinary

Detect Objects in Images with AI in Next.js with Cloudinary Colby Fayock

1.6K views - 3 years ago

Custom Search API with Serverless Database in Next.js with Xata

Custom Search API with Serverless Database in Next.js with Xata Colby Fayock

2.1K views - 3 years ago

Build React Apps with Codux Visual IDE for Faster UI Workflow

Build React Apps with Codux Visual IDE for Faster UI Workflow Colby Fayock

20K views - 3 years ago

Build a Santa Tracker with Next.js & React Leaflet

Build a Santa Tracker with Next.js & React Leaflet Colby Fayock

4.9K views - 3 years ago

Optimize Images, Responsive Sizing, & AI Cropping in Next.js with Next Cloudinary

Optimize Images, Responsive Sizing, & AI Cropping in Next.js with Next Cloudinary Colby Fayock

7K views - 3 years ago

Create a CRUD API with Next.js & HarperDB Custom Functions

Create a CRUD API with Next.js & HarperDB Custom Functions Colby Fayock

1.5K views - 3 years ago

Passwordless Authentication & Login in Next.js with Clerk

Passwordless Authentication & Login in Next.js with Clerk Colby Fayock

4.8K views - 3 years ago

Image Optimization in Astro with Cloudinary

Image Optimization in Astro with Cloudinary Colby Fayock

3.9K views - 3 years ago

NextAuth.js Custom Adapter with HarperDB Database in Next.js

NextAuth.js Custom Adapter with HarperDB Database in Next.js Colby Fayock

5K views - 3 years ago

Adding Live Chat to a Next.js App with Synced Message Replay using Stream

Adding Live Chat to a Next.js App with Synced Message Replay using Stream Colby Fayock

6K views - 3 years ago

Video Preview on Hover in React with Cloudinary

Video Preview on Hover in React with Cloudinary Colby Fayock

8.1K views - 3 years ago