ViewTube

Learn the tools of the trade in the developer and tech world! From writing stories to writing code, we'll cover different tools and techniques to help you level up.

Colby Fayock

12:54

Trigger a Function when Scrolling to an Element in React with Intersection Observer

Colby Fayock

13:33

Save State to LocalStorage & Persist on Refresh with React.js

Colby Fayock

48:01

Build React Apps with Codux Visual IDE for Faster UI Workflow

Colby Fayock

24:29

Create Pages & Fetch Data in Next.js Using Static & Dynamic Routes

Colby Fayock

12:06

React SEO with Next.js - Dynamic SEO Meta Tags Tutorial

Colby Fayock

10:52

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

Colby Fayock

5:51

Drag and Drop in React with React Beautiful DnD

Colby Fayock

18:32

Send Emails with SendGrid & Next.js Serverless Functions - Contact Form Tutorial

Colby Fayock

18:37

Upload Images to Cloudinary in React & Next.js

Colby Fayock

19:53

Automatically Update Static Content in Next.js with ISR

Colby Fayock

6:49

Animation & Page Transitions Next.js with Framer Motion

Colby Fayock

6:33

Component Design System in React with Storybook JS

Colby Fayock

12:11

Next.js with Headless WordPress - GraphQL Queries with WPGraphQL & Deploy to Netlify

Colby Fayock

6:45

Next.js GraphQL Tutorial - Launch Dashboard with SpaceX GraphQL API & Apollo Client

Colby Fayock

15:52

Next.js Image with Cloudinary - Blurred Placeholder Images Tutorial

Colby Fayock

5:56

Sass in Next.js Tutorial - Write SCSS with CSS Modules

Colby Fayock

16:34

Automate Chrome in an API with Puppeteer and Netlify Serverless Functions

Colby Fayock

18:50

Next.js Authentication with Twitter & NextAuth.js

Colby Fayock

18:29

Browser Event Listeners in React for Search and Autocomplete

Colby Fayock

6:51

How to Use Chakra UI with Next.js and React

Colby Fayock

7:38

How to create a Coronavirus (COVID-19) Dashboard & Map App in React with Gatsby and Leaflet

Colby Fayock

3:34:47

From Design to Development Full Stack Next.js Crash Course

Colby Fayock

2:27

What is Open Graph and how can it help my website with social media?

Colby Fayock

4:44

Intro to Agile Software Development with Jira

Colby Fayock

4:35

How to Use SVG Icons in React with React Icons and Font Awesome

Colby Fayock

6:32

CSS Loading Animation Tutorial - Create a CSS Only Loading Skeleton with CSS Gradients

Colby Fayock

8:16

How to Use Github Actions to Automate Tests and Slack Notifications

Colby Fayock

7:38

How to Use Postman to Test APIs and Manage Collections

Colby Fayock

3:19

How to add environment variables with Gatsby and Netlify

Colby Fayock

8:25

How to Use the YouTube API in React to Add a Playlist to a Next.js App

Colby Fayock

4:53

How to Add Search to a React App with Fuse.js

Colby Fayock

3:36

What is the blink Tag in HTML? How to recreate it with CSS animations

Colby Fayock

3:13

How to Sync VS Code Settings and Extensions Across Computers and Multiple Devices

Colby Fayock

12:04

Data Fetching in Next.js - Rick and Morty REST API Tutorial

Colby Fayock

3:42

How to Create a Custom Mapbox Style and Add it to React Leaflet

Colby Fayock

4:36

How to Create a Next.js Starter and Add Sass to a Next.js React App

Colby Fayock

20:03

Use MDX in Next.js to Dynamically Create Pages for a Blog - Next.js 10 and Earlier

Colby Fayock

4:56

Git Commit Hooks with Husky - Format with Prettier on Pre-Commit Tutorial

Colby Fayock

5:47

Create a Custom Contact Form with Netlify Forms and Next.js

Colby Fayock

9:47

Use Github Actions to Automatically Deploy a Static Site - Next.js & AWS S3

Colby Fayock

4:11

Build Static Sites in Next.js with SSG

Colby Fayock

3:52

Next.js Jamstack Tutorial - Create & Deploy a Static Next.js App

Colby Fayock

6:16

Tailwind CSS Tutorial - Style React Components & HTML

Colby Fayock

6:59

Top 7 VS Code Extensions I Used in 2020

Colby Fayock

2:05

How to Add an Image to Github for a Project's Social Media Preview

Colby Fayock

6:21

Automate Tasks with Zapier - Workflow Automation Tutorial

Colby Fayock

4:04

How to add Google Analytics to a YouTube Channel for Video Tracking and Metrics

Colby Fayock

7:13

Gatsby Data Fetching - COVID-19 Mapping App with Disease.sh REST API Tutorial

Colby Fayock

7:03

How to Create a Mapping App in React: Summer Road Trip with Gatsby and React Leaflet

Colby Fayock

4:48

Host a Website on S3 - AWS Tutorial with CloudFront

Colby Fayock

9:24

Map Data from a GraphQL API in Gatsby - GraphCMS Data Sourcing Tutorial

Colby Fayock

6:55

Top 5 Code Tasks You Should Automate - Code Automation Ideas

Colby Fayock

7:30

Custom Hooks in React.js - Create & Publish a React Hook to NPM Tutorial

Colby Fayock

15:56

Custom GitHub Actions in Node.js - GitHub Actions JavaScript Tutorial

Colby Fayock

8:53

Visual Regression Testing Tutorial with Applitools Eyes and Cypress

Colby Fayock

2:26

How to Create a Table of Contents in Ghost CMS for Your Blog Post or Article on FreeCodeCamp.org

Colby Fayock

9:55

Cloudflare Pages Tutorial - Deploy a Static Next.js Web Apps

Colby Fayock

25:41

Twitch Chat Bot Tutorial - Create & Deploy with node.js, tmi.js, & Heroku

Colby Fayock

3:10

Save & Organize Icons and SVG Files with Iconset

Colby Fayock

3:34

Creating Impactful Mapping Apps with Real-World Data

Colby Fayock

2:51

Top 5 Videos for Developers in 2020 on My Channel

Colby Fayock

11:44

Yoast SEO & Headless WordPress - Manage SEO with WPGraphQL & Next.js

Colby Fayock

17:57

Advanced Custom Fields & Headless WordPress - ACF with WPGraphQL & Next.js

Colby Fayock

21:07

Build React Apps without JavaScript using Astro - Static Web App Tutorial

Colby Fayock

17:58

Automatic Next.js Code Linting with ESLint & Husky Git Hooks

Colby Fayock

10:38

Automate Headless WordPress Deployments on Content Change with WP Webhooks and Netlify

Colby Fayock

23:06

Twitter API Requests with NextAuth.js Session Tokens & Next.js Serverless Functions

Colby Fayock

24:28

Responsive Grid of Products with CSS Grid - Ecommerce on the Jamstack

Colby Fayock

20:30

Testing Serverless Functions with Jest & Next.js API Routes

Colby Fayock

19:08

Add Custom Favicons in Next.js & Dynamically Update with React

Colby Fayock

22:53

Add a Dynamic Table of Contents to Static HTML in Next.js & React with Rehype

Colby Fayock

16:08

Add GitHub Pinned Repositories to React & Next.js with the GitHub GraphQL API

Colby Fayock

9:07

Export Sass Variables to JavaScript with Next.js

Colby Fayock

17:06

CSS Custom Properties that Dynamically Update with React & JavaScript

Colby Fayock

41:25

Schedule Daily Emails with GitHub Actions, Gmail, & Cron

Colby Fayock

11:30

Generate Thumbnail Images Using Face Detection with Cloudinary

Colby Fayock

12:03

Automatic Image Optimization on Netlify with the Cloudinary Build Plugin

Colby Fayock

33:40

Dynamic Content & Personalization in Next.js with Uniform

Colby Fayock

34:14

Display Cloudinary Images in a Gallery with Next.js & React

Colby Fayock

30:07

Personalized Social Media Cards for Landing Pages with Next.js & Cloudinary

Colby Fayock

19:39

Spotify API Authentication in Next.js with Netlify API Auth

Colby Fayock

24:55

Auto Image Tagging with Google Vision AI & Cloudinary

Colby Fayock

19:00

Deploy Static Sites with a Collaborative CMS for Jamstack Hosting with CloudCannon

Colby Fayock

40:27

Webcam Photo Filters & Effects in React with Cloudinary

Colby Fayock

21:59

Detecting Long Press Gestures with JavaScript Events in React plus Custom React Hook

Colby Fayock

14:33

Add a Shopping Cart & Checkout to a Next.js App with Snipcart

Colby Fayock

12:03

Automatic Image & Video Optimization for Headless WordPress (and traditional) with Cloudinary

Colby Fayock

25:12

Blurred Placeholders Using BlurHash in Node.js with Cloudinary Custom Functions & Netlify

Colby Fayock

18:05

Custom Image Placeholder API with Cloudinary & Netlify Functions

Colby Fayock

27:42

Headless CMS in a Gatsby App Using ButterCMS

Colby Fayock

22:37

Video Preview on Hover in React with Cloudinary

Colby Fayock

36:58

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

Colby Fayock

26:04

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

Colby Fayock

16:05

Image Optimization in Astro with Cloudinary

Colby Fayock

24:41

Passwordless Authentication & Login in Next.js with Clerk

Colby Fayock

23:38

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

Colby Fayock

23:57

Build a Santa Tracker with Next.js & React Leaflet

Colby Fayock

39:38

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

Colby Fayock

32:33

Meme Generator with Next.js & Cloudinary

Colby Fayock

17:17

What are SolidJS Signals?