TutorialsPreview
LearnReferencebeginner6 min

Introduction to Next.js

The React framework for production apps.

You will learn

What Next.js is, why it matters, and how to navigate this track.

Next.js is a web technology. The React framework for production apps.

What is Next.js?

Next.js is a web technology used across modern software. The React framework for production apps.

This track introduces Next.js from first principles, then goes deeper through the Deep, Reference, and Cheatsheet tabs.

Why learn Next.js?

  • Next.js is widely used in industry and worth understanding well.
  • Each topic pairs a clear explanation with hands-on examples.
  • You can revisit any concept in the Reference tab or grab the Cheatsheet for quick recall.

Where it is used

  • Websites & web apps
  • Interactive UIs
  • Frontend engineering

How this track works

Every topic here has four views, switchable with the tabs at the top of each page:

  • Learn — the clear, practical walkthrough you are reading now.
  • Deep — every detail: edge cases, the full API, and what is really happening.
  • Reference — a scannable, no-fluff lookup for when you already know the shape.
  • Cheatsheet — the one-page summary, printable, for quick recall.

More like this

H
Reference·beginner·8 min

HTML Headings

h1 through h6 are the page’s table of contents. Use them for structure, never for size — that’s what CSS is for.

H
Reference·intermediate·18 min

HTML Headings

h1–h6 are instances of HTMLHeadingElement. They take no special attributes — only the global set and ARIA — but there’s real depth in how they form the document outline and what you can do with them from JavaScript.

H
Reference·beginner·2 min

HTML Headings

Headings, distilled to what you must remember.

Liked this one?

Pass it on

Discussion

Be the first to ask

Your questions stay private with the team. We can pin answers to share with everyone.

Sign in to ask a question privately on this tutorial.

Sign in

No pinned answers yet for this tutorial.