Latest Video Guides & Talks

React Crash Course 2021 (youtube.com)
Apr 03, 2021
In this React JS crash course, you will learn the following topics: File structure, create components, JSX (styling in React), Routing, Props, Events, useState & useEffect (Hooks), Add pet function, Delete function, Build form using Material-UI (library from Google), Fetch data from server, PUT, DELETE, POST requests and many more.
  • Hong Ly
Using Docker with Next.js (and Deploying with Google Cloud Run) (youtube.com)
Apr 02, 2021
Learn how to build, run, and deploy a Next.js application using Docker and Google Cloud Run in under 10 minutes!
  • Lee Robinson
Create an Ecommerce Site Using Shopify, Next.js, and Builder.io (with Steve Sewell) (youtube.com)
Mar 31, 2021
How do you give non-developers control over the look and feel of an ecommerce site? Steve Sewell will teach us how to use Next.js, Shopify, and Builder.io to do it!
  • Steve Sewell
  • Jason Lengstorf
React.js TypeScript Conditional Props - Props that depend on other Props (youtube.com)
Mar 30, 2021
Conditional props are props that depend on other props values/types. In this video we will look into conditional properties while using react and TypeScript.
  • Bruno Antunes
React Hook Form V7 - Get Started (youtube.com)
Mar 28, 2021
Basic usage with React Hook Form V7
  • Bill Luo
This is How Routing Works in Next.js (youtube.com)
Mar 27, 2021
In this video, I will show you how routing works in Next.js including pages and routes.
  • Hong Ly
Using Serverless Redis with Next.js (youtube.com)
Mar 26, 2021
When front-end developers are learning the full-stack, they often stumble on which backend to use. If they hear Redis, they think of in-memory caching. That's what I thought, at least. After doing more research, I was surprised to find Redis excels at hashmaps, counters, sorted lists, and even queues.
  • Lee Robinson
Building a Netflix Clone with Next.js, Tailwind CSS, and Next Auth (youtube.com)
Mar 17, 2021
Watch me build a clone of the Netflix.com landing page live using Next.js, Tailwind CSS for styling, and Next Auth to authenticate with Google.
  • Lee Robinson
Next.js API Routes Validation using YUP: Share frontend and backend validation using YUP schemas (youtube.com)
Mar 09, 2021
In this video we will add validation to our Next.js API Routes using YUP. In order to achieve that in a simple and reusable way we will create a validation middleware that uses YUP for schema validation.
  • Bruno Antunes
Announcing: Gatsby v3.0 (youtube.com)
Mar 05, 2021
Did you know it's been over two years since the last major version of Gatsby? That's why Patrick and Lennart's GatsbyConf 2021 talk was one of the most highly-anticipated!
  • Patrick Sullivan
  • Lennart Jörgens
Medium mobile article - Sticky footer - React Native with Animated API (youtube.com)
Jan 23, 2021
In this video tutorial we will re-create Medium's mobile app article sticky footer, using ScrollView and Animated API from React Native.
  • Catalin Miron
Deploying Next.js to AWS Using a Custom Domain Name (youtube.com)
Jan 23, 2021
In this short video I show how to deploy a Next.js app to AWS using a custom domain name, leveraging the Serverless Next.js component.
Build a Shopping Cart with React and TypeScript (youtube.com)
Jan 21, 2021
Learn the fundamentals and how to build a ReactJS shopping cart with Typescript, Material UI, Styled Components and React-Query.
  • Thomas Weibenfalk
Building a Serverless Multi-user Blogging Platform with Next.js, Tailwind, & AWS (youtube.com)
Jan 21, 2021
We'll start from scratch, creating a new Next.js app. We'll then, step by step, use the Amplify CLI to build out and configure our cloud infrastructure and then use the Amplify JS Libraries to connect the Next.js app to the APIs we create using the CLI.
Next.js Tips for Building Faster (youtube.com)
Jan 21, 2021
React developers: see how you can streamline your workflow and build the fastest possible site quickly using Next.js.
  • Chris Sev
What's up Gatsby (youtube.com)
Jan 21, 2021
In this live meet-up, we connect with our users who combine Prismic with Gatsby, go through the history of our support of Gatsby and talk about future plans.
    React Native Scroll Item animation effect - FlatList and Animated API (youtube.com)
    Jan 20, 2021
    In this video tutorial we will create an amazing scrolling animation/effect that you can apply to the items from a FlatList, ScrollView, SectionList and Animated API from React Native.
    • Catalin Miron
    What is React Server Components? (Don't Worry About It!) (youtube.com)
    Jan 18, 2021
    Did you know React Server Components are a thing? They are! They were recently announced by the React team in a blog post.
    • Harry Wolff
      React JS Crash Course 2021 (youtube.com)
      Jan 18, 2021
      Get started with React in this crash course. We will be building a task tracker app and look at components, props, state, hooks, working with an API and more.
      Next.js AMA with Lee Robinson (youtube.com)
      Jan 18, 2021
      Ask our Solution Architect (Lee Robinson) anything about Next.js, React Server Components, Web Best Practices, Performance, Incremental Adoption, and Hosting.
      • Lee Robinson
      Snapping to Edges with Gesture Callbacks – Image Cropper (youtube.com)
      Jan 15, 2021
      In this video we'll learn how to use some new hooks from React Use Gesture to snap our image to the edges of our container!
      • Sam Selikoff
      Intro to React with Cassidy Williams (youtube.com)
      Jan 14, 2021
      Software Engineer & Meme Creator, Cassidy Williams discussed Introduction to React, an open-source, front-end, JavaScript library at our Treehouse Festival in December 2020.
      • Cassidy Williams
        v0.9.0 Release Overview (youtube.com)
        Jan 14, 2021
        This is a big release. Ryan walks us through updating an app to v0.9.0, showing off Error Boundaries, Better TypeScript support, and Data Loaders/Actions right inside your Route Modules, no more data directory!
          Client and Server Side Cookies in Next.js (youtube.com)
          Jan 14, 2021
          Let's learn how to set/remove cookies both in the browser but also on the server in Next.js. This will allow us to create HttpOnly cookies, perfect for storing sensitive data such as authentication tokens.
          Let's Learn React! (with Ali Spittel) (youtube.com)
          Jan 13, 2021
          React is everywhere: it’s used in single-person side projects and Fortune 50 apps. In this episode, Ali Spittel will introduce us to one of the leading JavaScript frameworks out there!
          • Jason Lengstorf
          • Ali Spittel
          Getting Started With Next.js (youtube.com)
          Jan 13, 2021
          Learn why so many React developers are switching to using Next.js, an open source framework that helps you build production-grade React applications that scale. This Tech Talk is designed for React developers that are looking to streamline your workflow.
          • Chris Sev
          Build Fullstack Realtime Apps with React and Hasura GraphQL (youtube.com)
          Jan 13, 2021
          In this stream, we will go over building a react app integrating GraphQL APIs using Hasura backend and Apollo Client.
          • Praveen Durairaju
          AWESOME React Native carousel animation 60fps - FlatList and Animated API (youtube.com)
          Jan 12, 2021
          In this video tutorial we will create a beautiful animated carousel in React Native using FlatList and Animated API.
          • Catalin Miron
          Next.js on Fargate - Serverless Container Hosting with Docker and AWS Amplify (youtube.com)
          Jan 12, 2021
          In this video we'll start from scratch, creating a new Next.js app and then initializing a new Amplify project in the Next.js app directory. We'll then configure a custom domain and deploy the Next.js app to Amazon ECS on AWS Fargate using the Amplify CLI using the custom domain.
          React Bitcoin Ticker with Typescript and React-Query (youtube.com)
          Jan 12, 2021
          Code a React Bitcoin Tracker with Styled Components, TypeScript, and React-Query. Code your own small Bitcoin Tracker that uses a free API to fetch the crypto data.
          • Thomas Weibenfalk
            Next.js 10 with Guillermo Rauch (youtube.com)
            Jan 07, 2021
            alking with Guillermo Rauch about Next.js 10 and Vercel. Including plans for 2021.
            • Guillermo Rauch
            Advanced 3D Carousel Animation in React Native using FlatList & Animated API (youtube.com)
            Jan 06, 2021
            In this video tutorial we will create an advanced 3D carousel in React Native, using FlatList and Animated API from React Native.
            • Catalin Miron
            Introduction to Next.js 10's Internationalized (i18n) Routing (youtube.com)
            Jan 06, 2021
            Next.js 10 came out with Internationalized Routes... we cover the basics of it in this video, how to load translated remote data, and how to translate text using react-intl.
            10 Next.js Tips You Might Not Know! (youtube.com)
            Jan 04, 2021
            Next.js can do a lot for you — which means there's features you probably haven't used! This video covers ten tips you might not know about Next.js.
            • Lee Robinson
            React Server Components (with Next.js Demo) (youtube.com)
            Dec 31, 2020
            React Server Components allow developers to build apps that span the server and client, combining the rich interactivity of client-side apps with the improved performance of traditional server rendering.
            • Lee Robinson
            Rebuilding the Twitter Embed Widget! (Next.js + Tailwind) (youtube.com)
            Dec 27, 2020
            Use the Twitter API, Tailwind CSS, and Next.js to embed tweets directly on your website without using any iframes or external scripts.
            • Lee Robinson
            Create a site like Pastebin with GraphQL + Next.js (youtube.com)
            Dec 23, 2020
            In this livestream we'll create a website that allows us to paste code snippets, and save them with friends! We'll use GraphQL mutations with GraphCMS inside a Next.js API route to store our data.
            • Jamie Barton
            Internationalization (i18n) with Next.js! (youtube.com)
            Dec 22, 2020
            Learn how to use Internationalized Routing with Next.js to support multiple languages on your site!
            • Lee Robinson