/mastering-nextjs

A free video course for building static and server-side rendered applications with Next.js and React.

Primary LanguageJavaScript

Mastering Next.js

A free video course for building static and server-side rendered applications with Next.js and React.

Looking for the old course site? Look no further!

Course

React Overview

  • Classes vs Functional Components
  • Props & State
  • React Hooks
  • ES6
  • JSX

Navigating Between Pages

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

Styling

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

Building A Blog With MDX

  • MDX vs CMS
  • Initial Setup
  • Managing Posts
  • Building Forms (StaticKit)
  • Using a Component Library (Theme UI)

Fetching Data

  • Static Sites with Next.js 9.3
  • Custom Server
  • Node.js & API Routes
  • GraphQL (daydrink)
  • Hasura (daydrink)

Resources