Problem Statement
What is the main directory used for the App Router in Next.js 13+?
Explanation
The App Router uses the app directory at the root of your project as the new routing convention introduced in Next.js 13, replacing or coexisting with the traditional pages directory. The app directory uses React Server Components by default, provides better layouts system, built-in loading and error states, and nested routing with folders and special files like page.js, layout.js, loading.js, and error.js. You can use both app and pages directories simultaneously during migration, allowing gradual adoption of the new features.
Practice Sets
This question appears in the following practice sets: