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

• See /resources.