Skip to main content

Learn Next.js on Scrimba

Quick Answer: Pro, 4.4-hour Intermediate course. You build a Next.js app (PrintForge) and study rendering strategies, routing, layouts, data fetching, and asset optimization. For developers who know React and want the most common fullstack React framework in guided form.

Last reviewed: March 2026.

Disclosure: ScrimbaGuide may earn a commission when you enroll or subscribe through links on this page. We still describe course limits honestly.

Learn Next.js

Pro

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

Duration: 4.4 hrsLevel: Intermediate2 modules
View on Scrimba (opens in a new tab)

About This Course​

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.

This Intermediate-level course covers 4.4 hrs of content across 32 interactive screencasts. A Scrimba Pro subscription is required for full access.

  • Duration: 4.4 hrs
  • Level: Intermediate
  • Access: Scrimba Pro required
  • Modules: 2
  • Total Lessons: 32

What Makes This Course Distinctive​

The course anchors everything in one product-shaped app, PrintForge, so routing and data fetching decisions feel motivated by user flows, not toy examples. The first half builds the Next.js surface area you touch daily: pages or app patterns, layouts, and how data gets to the UI. The second half pushes into rendering choices and performance-related ideas so you understand why Next exists beyond "React with folders." Interactive screencasts mean you edit the same project the instructor uses, which reduces the usual gap between docs and a broken local setup. It is honest intermediate material: you should already speak React. Graduates get a clearer map of fullstack React than from scattered blog posts. It will not replace official docs for every edge case or the newest release notes.

Module Breakdown​

ModuleDurationLessons
Build a Next.js App2 hrs16
Rendering Strategies and More2.3 hrs16

What You'll Build​

  • a Next.js App

These hands-on projects reinforce what you learn and give you portfolio-ready work to show employers.

Prerequisites​

Basic knowledge of HTML and CSS is recommended before starting this course.

Who Is This Course For?​

React developers moving toward fullstack roles, freelancers who need SSR and routing without assembling everything by hand, and path learners on the Frontend Developer Path or Fullstack Developer Path who want Next as the capstone framework.

Not ideal if: You have never built a React component, or you want a PHP, Rails, or separate SPA-only curriculum with no Next opinions.

Part of These Learning Paths​

Choose This If​

  • You know React and want to add server-side rendering, file-based routing, and API routes to your projects.
  • You're targeting fullstack or frontend roles where Next.js is listed as a requirement.
  • You've built React SPAs but want to improve SEO and performance with server rendering.

Practice & Learn More​

Start Learn Next.js

Get access to Learn Next.js and 86+ more interactive courses with Scrimba Pro.

Use our partner link to get 20% off the Pro plan.

Claim 20% Off Scrimba Pro (opens in a new tab)

Related Guides

Docs

All Courses

→
Docs

Learning Paths

→
Blog

Best Free Courses

→
Last updated on