Do not delete the pages* folder even if you are using App Router, deleting the pages folder will result in a build error.
In WebStorm you can mark a directory as excluded. After that, you won’t see it in shared files (like, for example, node_modules or .next)
If you don't like the empty "pages" folder in the project root, you can rename the pages layer (./src/pages) for example to "pagesLayer" and then delete the pages folder from the project root (you will also have to change path aliases in tsconfig and similar).
Use what you like best <3
Folder | Description |
---|---|
app | Next App folder for App Routing |
pages * | Next Pages folder for Pages Routing |
public | Public files |
src/app | App FSD Layer |
src/pages | Pages FSD Layer |
src/widgets | Widgets FSD Layer |
src/features | Features FSD Layer |
src/entities | Entities FSD Layer |
src/shared | Shared FSD Layer |
rm -rf .src/app/.gitkeep .src/entities/.gitkeep .src/features/.gitkeep .src/shared/.gitkeep .src/widgets/.gitkeep ./public/.gitkeep
del .\src\app\.gitkeep
del .\src\entities\.gitkeep
del .\src\features\.gitkeep
del .\src\shared\.gitkeep
del .\src\widgets\.gitkeep
del .\public\.gitkeep
This template uses such development assistants
- Eslint
- Prettier
- Stylelint
- Jest
If you don't need it, you can disable it at any time by removing the dependency from your package.json and .*rc file.