Getting Started
Welcome to the Next.js documentation!
This Getting Started section will help you create your first Next.js app and learn the core features you'll use in every project.
Pre-requisite knowledge
Our documentation assumes some familiarity with web development. Before getting started, it'll help if you're comfortable with:
- HTML
- CSS
- JavaScript
- React
If you're new to React or need a refresher, we recommend starting with our React Foundations course, and the Next.js Foundations course that has you building an application as you learn.
Next Steps
Installation
Create a new Next.js application with the `create-next-app` CLI, and set up TypeScript, ESLint, and Module Path Aliases.
Project Structure
An overview of the folder and file conventions in Next.js, and how to organize your project.
Layouts and Pages
Create your first pages and layouts, and link between them.
Images
Learn how to optimize images in Next.js
Fonts
Learn how to use fonts in Next.js
CSS
Learn about the different ways to add CSS to your application, including CSS Modules, Global CSS, Tailwind CSS, and more.
Server and Client Components
Learn how you can use React Server and Client Components to render parts of your application on the server or the client.
Fetching Data
Start fetching data and streaming content in your application.
Updating Data
Learn how to update data in your Next.js application.
Error Handling
Learn how to display expected errors and handle uncaught exceptions.
Partial Prerendering
Learn how to combine the benefits of static and dynamic rendering with Partial Prerendering.
Metadata and OG images
Learn how to add metadata to your pages and create dynamic OG images.
Deploying
Learn how to deploy your Next.js application.
Upgrading
Learn how to upgrade your Next.js application to the latest version.
Was this helpful?