Coming Soon

The Complete

Next.js Guide

The premiere video course for building production, server-side rendered applications with Next.js and React.

HTML
ZEIT
Nextjs
JavaScript
React.js

Why

Next.js?

Companies all over the world are using Next.js to build performant, scalable applications. This course will teach you the skills necessary to build best-in-class React applications.

CheckmarkZero-Config Setup
CheckmarkFully Extensible
CheckmarkServer-Side Rendering

In this course

  • 2Example Applications

    A blog using Markdown & React (MDX), optimized for SEO. A company landing page with fully custom API included.
  • 4+Hours of Content

    Master the best features of Next.js with ease. Dynamic routing, TypeScript integration, lazy-loading, deployment, API routes, handling static assets, performance optimization, and more!
  • 50+Jam-Packed Lessons

    Pre-order now to get project updates, early previews, and be the first to know when it's ready.

Course Overview

moduleIntroduction

  • arrow
    Why Next.js?
  • arrow
    Fundamentals of Next
  • arrow
    Zero-Config approach
  • arrow
    Universal JavaScript (Isomorphic)
  • arrow
    Server-side rendering
  • arrow
    Code splitting
  • arrow
    Next vs. Create React App vs. Gatsby

moduleReact Overview

  • arrow
    Classes vs Functional Components
  • arrow
    Props & State
  • arrow
    React Hooks (useState & useEffect)
  • arrow
    ES6
  • arrow
    JSX

moduleDeveloping Locally

  • arrow
    Installing Nextjs
  • arrow
    Running locally
  • arrow
    Linting
  • arrow
    Formatting

moduleNavigating Between Pages

  • arrow
    Link (client-side routing)
  • arrow
    withRouter
  • arrow
    getInitialProps
  • arrow
    Retrieving data from URLs

moduleStyling

  • arrow
    CSS (Importing & Using)
  • arrow
    Sass
  • arrow
    CSS-in-JS (Custom _app.js)
  • arrow
    Styled-Components
  • arrow
    Responsive + Mobile-First Design

moduleFetching Data

  • arrow
    Node.js & API Routes
  • arrow
    Custom Server
  • arrow
    GraphQL
  • arrow
    CMS

moduleManaging Assets and SEO

  • arrow
    Static Assets
  • arrow
    Public Files
  • arrow
    Image Compression / Optimization
  • arrow
    Custom _document.js
  • arrow
    Open Graph (OG) tags

moduleBuilding A Blog With MDX

  • arrow
    MDX vs CMS
  • arrow
    Initial Setup
  • arrow
    Managing Posts
  • arrow
    Building Forms
  • arrow
    Using a Component Library

moduleAuthentication

  • arrow
    What is a JWT?
  • arrow
    Auth0
  • arrow
    Passport.js
  • arrow
    Login & Signup Pages

moduleTesting & Error Handling

  • arrow
    Unit test vs Integration test
  • arrow
    Jest Snapshot Testing
  • arrow
    React Testing Library
  • arrow
    Sentry Plugin
  • arrow
    Custom Error Page (_error.js)

moduleState Management & More

  • arrow
    Redux
  • arrow
    React Context
  • arrow
    Adding TypeScript
  • arrow
    Dynamic Imports

moduleExporting & Deployment

  • arrow
    Static Pre-Rendering
  • arrow
    Serverless Functions
  • arrow
    Zeit Now
  • arrow
    Netlify

Who Is This For?

You will be expected to be familiar with basic HTML, CSS, JavaScript, and React. We’ll utilize the latest JavaScript features and best practices for 2019.

If you're still not sure if this is for you, feel free to email me and ask.

CheckmarkBeginner Friendly
CheckmarkOpen-Source Code
CheckmarkHigh-Quality Video & Audio
Lee Robinson

Meet The Author

Lee Robinson is a full-stack developer, writer, and creator from the Midwest. He’s used React & Next.js extensively in his professional career and for freelance clients.

Lee has spoken across the country at conferences and meet-ups about front-end development and design. He’s also a part-time videographer and musician.

The Complete Package

$199

$99

USD

  • Checkmark

    All 55 jam-packed lessons

  • Checkmark

    Access to the entire source code for both applications

  • Checkmark

    Lifetime access to all content

Preorder Now