20/4/25, 20:49 Introduction | Next.

js

Showcase Docs Blog Templates Enterprise Search... ⌘K Feedback Learn

Using App Router

Features available in /app
Introduction On this page
What is Next.js?

Using Latest Version Welcome to the Next.js documentation! Main Features

15.3.1
How to Use These Docs
App Router vs Pages Router
Getting Started
Pre-Requisite Knowledge
Installation
What is Next.js? Accessibility
Project Structure
Join our Community
Layouts and Pages Next.js is a React framework for building full-stack web
Next Steps
Images and Fonts
applications. You use React Components to build user
interfaces, and Next.js for additional features and
CSS Edit this page on GitHub
optimizations.
Fetching Data Managed Next.js (Vercel)
Updating Data Under the hood, Next.js also abstracts and automatically
configures tooling needed for React, like bundling, compiling,
Error Handling
and more. This allows you to focus on building your application
Metadata and OG images
instead of spending time with configuration.
This site uses tracking technologies. You may opt in or opt
Deploying
out of the use of these technologies.
Whether you're an individual developer or part of a larger team,
Upgrading
Deny Accept all Next.js
Consent can help you build interactive, dynamic, and fast React
Settings
Guides applications.
https://nextjs.org/docs 1/7
20/4/25, 20:49 Introduction | Next.js

Main Features
Some of the main Next.js features include:

Feature Description

Routing A file-system based router built on top of Server

Components that supports layouts, nested routing,
loading states, error handling, and more.

Rendering Client-side and Server-side Rendering with Client

and Server Components. Further optimized with
Static and Dynamic Rendering on the server with
Next.js. Streaming on Edge and Node.js runtimes.

Data Simplified data fetching with async/await in Server

Fetching Components, and an extended fetch API for
request memoization, data caching and revalidation.

Styling Support for your preferred styling methods, including

CSS Modules, Tailwind CSS, and CSS-in-JS

Optimizations Image, Fonts, and Script Optimizations to improve

This site uses tracking technologies. You may opt in or opt your application's Core Web Vitals and User
out of the use of these technologies. Experience.

TypeScript Improved support for TypeScript, with better type

checking and more efficient compilation, as well as
https://nextjs.org/docs 2/7
20/4/25, 20:49 Introduction | Next.js

Feature Description
custom TypeScript Plugin and type checker.

How to Use These Docs

On the left side of the screen, you'll find the docs navbar. The
pages of the docs are organized sequentially, from basic to
advanced, so you can follow them step-by-step when building
your application. However, you can read them in any order or
skip to the pages that apply to your use case.

On the right side of the screen, you'll see a table of contents

that makes it easier to navigate between sections of a page. If
you need to quickly find a page, you can use the search bar at
the top, or the search shortcut ( Ctrl+K or Cmd+K ).

To get started, check out the Installation guide.

This site uses tracking technologies. You may opt in or opt

out of the use of these technologies.

App Router vs Pages Router

https://nextjs.org/docs 3/7
20/4/25, 20:49 Introduction | Next.js

Next.js has two different routers: the App Router and the
Pages Router. The App Router is a newer router that allows
you to use React's latest features, such as Server Components
and Streaming. The Pages Router is the original Next.js router,
which allowed you to build server-rendered React applications
and continues to be supported for older Next.js applications.

At the top of the sidebar, you'll notice a dropdown menu that

allows you to switch between the App Router and the Pages
Router features. Since there are features that are unique to
each directory, it's important to keep track of which tab is
selected.

The breadcrumbs at the top of the page will also indicate

whether you're viewing App Router docs or Pages Router docs.

Pre-Requisite Knowledge
Although our docs are designed to be beginner-friendly, we
need to establish a baseline so that the docs can stay focused
This site uses tracking technologies. You may opt in or opt
on Next.js functionality. We'll make sure to provide links to
out of the use of these technologies.
relevant documentation whenever we introduce a new
concept.

https://nextjs.org/docs 4/7
20/4/25, 20:49 Introduction | Next.js

To get the most out of our docs, it's recommended that you
have a basic understanding of HTML, CSS, and React. If you
need to brush up on your React skills, check out our React
Foundations Course, which will introduce you to the
fundamentals. Then, learn more about Next.js by building a
dashboard application.

Accessibility
For optimal accessibility when using a screen reader while
reading the docs, we recommend using Firefox and NVDA, or
Safari and VoiceOver.

Join our Community

If you have questions about anything related to Next.js, you're
always welcome to ask our community on GitHub Discussions
This site uses tracking technologies. You may opt, Discord
in or opt , X (Twitter) , and Reddit .
out of the use of these technologies.

https://nextjs.org/docs 5/7
20/4/25, 20:49 Introduction | Next.js

Next Steps
Get started with Next.js by following the installation guide.

Installation
Create a new Next.js
application with the
`create-next-app` CLI,…

Previous Next
Contribution Guide App Router

Was this helpful?

Resources More About Vercel Legal Subscribe to our newsletter

Docs Next.js Commerce Next.js + Vercel Privacy Policy Stay updated on new releases and
This site uses tracking technologies. You may opt in or opt
features, guides, and case studies.
out of the use of these technologies.
Support Policy Contact Sales Open Source Software Cookie Preferences
Learn Community GitHub [email protected] Subscribe

Showcase GitHub Bluesky

https://nextjs.org/docs 6/7
20/4/25, 20:49 Introduction | Next.js

Blog Releases X
Team Telemetry
Analytics Governance
Next.js Conf
Previews

© 2025 Vercel, Inc.

This site uses tracking technologies. You may opt in or opt

out of the use of these technologies.

https://nextjs.org/docs 7/7