src Directory ​

Pages can also be added under src/pages as an alternative to the root pages directory.

The src directory is very common in many apps and Next.js supports it by default.

Caveats ​

• src/pages will be ignored if pages is present in the root directory
• Config files like next.config.js and tsconfig.json, as well as environment variables, should be inside the root directory, moving them to src won't work. Same goes for the public directory

Related ​

For more information on what to do next, we recommend the following sections: