DocumentationShowcaseBlog
Overview

Getting Started

InstallationProject StructureLayouts and PagesImages and FontsCSSFetching DataUpdating DataError Handling

Examples

Overview

Building Your Application

CachingAuthentication
Routing
Data Fetching
Rendering
Styling
Optimizing
Configuring
Testing
Deploying
Upgrading

API Reference

EdgeTurbopack
Directives
Components
File Conventions
Functions
Config
Typescript
Eslint
Next Config Js
AppDir
AssetPrefix
AuthInterrupts
BasePath
CacheLife
Compress
CrossOrigin
CssChunking
DevIndicators
DistDir
DynamicIO
Env
Eslint
ExpireTime
ExportPathMap
GenerateBuildId
GenerateEtags
Headers
HttpAgentOptions
Images
IncrementalCacheHandlerPath
InlineCss
Logging
MdxRs
OnDemandEntries
OptimizePackageImports
Output
PageExtensions
PoweredByHeader
Ppr
ProductionBrowserSourceMaps
ReactCompiler
ReactMaxHeadersLength
ReactStrictMode
Redirects
Rewrites
SassOptions
ServerActions
ServerComponentsHmrCache
ServerExternalPackages
StaleTimes
StaticGeneration
TrailingSlash
TranspilePackages
Turbo
TypedRoutes
Typescript
UrlImports
UseCache
UseLightningcss
Webpack
WebVitalsAttribution
CLI
DocumentationShowcaseBlog
ConfigNext Config Js

appDir

Enable the App Router to use layouts, streaming, and more.

Good to know: This option is no longer needed as of Next.js 13.4. The App Router is now stable.

The App Router (app directory) enables support for layouts, Server Components, streaming, and colocated data fetching.

Using the app directory will automatically enable React Strict Mode. Learn how to incrementally adopt app.

Previous

Next Config Js

Next

AssetPrefix