Learn Next.js by Scrimba
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.
Course Highlights
- Understand Next.js fundamentals
- Create static pages and basic routing
- Build Nested Routing
- Implement client and server rendering concepts
- Create pages and layouts
- Fetch data
- Utilise dynamic routing
- Solve tons of Next.js code challenges!
Skills you will learn!
Curriculum
25 Topics
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
Learn Next.js
Related Next.js Courses
Thank You!
Your review has been submitted successfully.