MENU

App Router Special Files

In Next.js, routing is based on the file system of your project.

Every folder inside 'app/' corresponds to a route segment that maps to a URL segment.

For instance, the project file '[project]/app/dashboard/profile/page.js' can be accessed at 'https://[yourdomain.com]/dashboard/profile' on a browser.

In Next.js, two important special UI files are page.js and layout.js.

Depending on your choice, the file extensions '.js', '.jsx', '.tsx' can all be used for special files.