# app

The App Router works in a new directory named `app`. The `app` directory works alongside the `pages` directory to allow for incremental adoption. This allows you to opt some routes of your application into the new behavior while keeping other routes in the `pages` directory for the previous behavior. If your application uses the `pages` directory, please also see the [Pages Router](https://nextjs.org/docs/pages/building-your-application/routing) documentation.<br>

<figure><img src="https://3930014105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBKPBAk1QSvlQ1WhRNWse%2Fuploads%2FtEBnvLutrzlSmnkkKu8h%2Fimage.png?alt=media&#x26;token=8f251a71-a361-4776-aa00-4c0d697ef769" alt=""><figcaption></figcaption></figure>