Learn Next.js
Learn to build web apps with Next.js, the world's most popular full-stack framework. You'll cover routing, layouts, data fetching, optimizing assets, and more, while building PrintForge, a site for 3D printing enthusiasts.
2 hrs
Content
About
Next.js Intro
A Minimal Next.js Setup
Challenge: create a new Next.js app from scratch!
Adding a new page to our site
File-based routing in Next.js
Understanding create-next-app
Running create-next-app
Scrimba's "Runner"
create-next-app files walkthrough
PrintForge Challenge Setup
Challenge - PrintForge Home Page
Challenge - PrintForge About Page
Nested Routes
Layouts part 1
Layouts part 2
Challenge - Add Header to PrintForge
Optimizing Fonts
Optimizing Images
Links in Next.js
Challenge - Add Links to Navbar
Aside: TypeScript Organization in PrintForge
Aside: Client vs. Server Components
Challenge - Create the Models List Page
Dynamic Routes
Model Detail Page
Section 1 Recap
Certificate of Completion
