|
| 1 | +--- |
| 2 | +title: Getting Started |
| 3 | +description: Learn how to create full-stack web applications with the Next.js App Router. |
| 4 | +url: "https://nextjs.org/docs/app/getting-started" |
| 5 | +docs_index: /docs/llms.txt |
| 6 | +version: 16.2.9 |
| 7 | +lastUpdated: 2025-05-02 |
| 8 | +--- |
| 9 | + |
| 10 | + |
| 11 | +> For an index of all Next.js documentation, see [/docs/llms.txt](/docs/llms.txt). |
| 12 | +Welcome to the Next.js documentation! |
| 13 | + |
| 14 | +This **Getting Started** section will help you create your first Next.js app and learn the core features you'll use in every project. |
| 15 | + |
| 16 | +## Pre-requisite knowledge |
| 17 | + |
| 18 | +Our documentation assumes some familiarity with web development. Before getting started, it'll help if you're comfortable with: |
| 19 | + |
| 20 | +* HTML |
| 21 | +* CSS |
| 22 | +* JavaScript |
| 23 | +* React |
| 24 | + |
| 25 | +If you're new to React or need a refresher, we recommend starting with our [React Foundations course](/learn/react-foundations), and the [Next.js Foundations course](/learn/dashboard-app) that has you building an application as you learn. |
| 26 | + |
| 27 | +> ## Next Steps |
| 28 | +
|
| 29 | +- [Installation](/docs/app/getting-started/installation) |
| 30 | + - Learn how to create a new Next.js application with the `create-next-app` CLI, and set up TypeScript, ESLint, and Module Path Aliases. |
| 31 | +- [Project Structure](/docs/app/getting-started/project-structure) |
| 32 | + - Learn the folder and file conventions in Next.js, and how to organize your project. |
| 33 | +- [Layouts and Pages](/docs/app/getting-started/layouts-and-pages) |
| 34 | + - Learn how to create your first pages and layouts, and link between them with the Link component. |
| 35 | +- [Linking and Navigating](/docs/app/getting-started/linking-and-navigating) |
| 36 | + - Learn how the built-in navigation optimizations work, including prefetching, prerendering, and client-side navigation, and how to optimize navigation for dynamic routes and slow networks. |
| 37 | +- [Server and Client Components](/docs/app/getting-started/server-and-client-components) |
| 38 | + - Learn how you can use React Server and Client Components to render parts of your application on the server or the client. |
| 39 | +- [Fetching Data](/docs/app/getting-started/fetching-data) |
| 40 | + - Learn how to fetch data and stream content that depends on data. |
| 41 | +- [Mutating Data](/docs/app/getting-started/mutating-data) |
| 42 | + - Learn how to mutate data using Server Functions and Server Actions in Next.js. |
| 43 | +- [Caching](/docs/app/getting-started/caching) |
| 44 | + - Learn how to cache data and UI in Next.js |
| 45 | +- [Revalidating](/docs/app/getting-started/revalidating) |
| 46 | + - Learn how to revalidate cached data using time-based and on-demand strategies. |
| 47 | +- [Error Handling](/docs/app/getting-started/error-handling) |
| 48 | + - Learn how to display expected errors and handle uncaught exceptions. |
| 49 | +- [CSS](/docs/app/getting-started/css) |
| 50 | + - Learn about the different ways to add CSS to your application, including Tailwind CSS, CSS Modules, Global CSS, and more. |
| 51 | +- [Image Optimization](/docs/app/getting-started/images) |
| 52 | + - Learn how to optimize images in Next.js |
| 53 | +- [Font Optimization](/docs/app/getting-started/fonts) |
| 54 | + - Learn how to optimize fonts in Next.js |
| 55 | +- [Metadata and OG images](/docs/app/getting-started/metadata-and-og-images) |
| 56 | + - Learn how to add metadata to your pages and create dynamic OG images. |
| 57 | +- [Route Handlers](/docs/app/getting-started/route-handlers) |
| 58 | + - Learn how to use Route Handlers |
| 59 | +- [Proxy](/docs/app/getting-started/proxy) |
| 60 | + - Learn how to use Proxy |
| 61 | +- [Deploying](/docs/app/getting-started/deploying) |
| 62 | + - Learn how to deploy your Next.js application. |
| 63 | +- [Upgrading](/docs/app/getting-started/upgrading) |
| 64 | + - Learn how to upgrade your Next.js application to the latest version or canary. |
| 65 | + |
| 66 | +--- |
| 67 | +> |
| 68 | +For a semantic overview of all documentation, see [/docs/sitemap.md](/docs/sitemap.md) |
| 69 | + |
| 70 | +> For an index of all available documentation, see [/docs/llms.txt](/docs/llms.txt) |
0 commit comments