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 (you will also have to change path aliases in tsconfig and similar).

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.