Next.js + Feature-Sliced Design | Pure Template

IMPORTANT

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)

ADDITIONAL SOLUTION TO THE PROBLEM

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.

Use what you like best <3

---

Folders description

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

Remove junk .gitkeep files

UNIX

rm -rf .src/app/.gitkeep .src/entities/.gitkeep .src/features/.gitkeep .src/shared/.gitkeep .src/widgets/.gitkeep ./public/.gitkeep

WINDOWS

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.