Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yunglocokid/FSD-Pure-Next.js-Template
Pure template for development on Next.js in the Feature-Sliсed Design architecture
https://github.com/yunglocokid/FSD-Pure-Next.js-Template
Last synced: about 2 months ago
JSON representation
Pure template for development on Next.js in the Feature-Sliсed Design architecture
- Host: GitHub
- URL: https://github.com/yunglocokid/FSD-Pure-Next.js-Template
- Owner: yunglocokid
- Created: 2024-05-11T16:38:47.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2024-05-27T12:48:34.000Z (7 months ago)
- Last Synced: 2024-05-27T15:22:59.000Z (7 months ago)
- Language: TypeScript
- Homepage: https://yunglocokid.ru
- Size: 90.8 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome - FSD + Typescript + Next.js template
README
# 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](https://t.me/feature_sliced/1/107414).
In WebStorm you can mark a directory as [excluded](https://www.jetbrains.com/help/webstorm/configuring-project-structure.html#content-root). After that, you won’t see it in shared files (like, for example, node_modules or .next)
## ADDITIONAL SOLUTION TO THE PROBLEM (NOT RECOMMENDED)
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](https://nextjs.org/docs/app/building-your-application/routing#the-app-router) |
| pages \* | Next Pages folder for [Pages Routing](https://nextjs.org/docs/pages) |
| 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
```bash
rm -rf .src/app/.gitkeep .src/entities/.gitkeep .src/features/.gitkeep .src/shared/.gitkeep .src/widgets/.gitkeep ./public/.gitkeep
```
### WINDOWS
```bash
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.