Описание проекта на NextJS

Команды

Запустить проект для разработки

yarn run dev

Запустить прод версию (SSR)

yarn run start

Сборка для прод сервера (SSG)

yarn run build

Форматирование и проверка кода

yarn run format

Файловая структура

Инофрмация по файловой структуре

pages # Страницы приложения

widgets
/*
* Самостоятельные и полноценные блоки для страниц
* если логика на страницах начинает разрастаться и дублироваться
*/

features (Логика и функциональность)
/* Обрабатываемые пользовательские сценарии
* если в проекте становится сложно отследить начало и конец пользовательских сценариев, и контролировать их
*/

entities (Store MobX)
/* Бизнес-сущности, которыми оперирует предметная область
* если в проекте все равно разрастается количество деунифицированной логики
*/

shared
/* Переиспользуемые модули, без привязки к бизнес-логике
* для абстрактной общеиспользуемой логики (UIKIT / helpers / API)
*/

Файловая структура проекта:

.
└── src/
    ├── assets/
    │   ├── images/
    │   │   ├── ...images
    │   │   └── index.js // Export всех image
    │   └── styles/
    │       └── ...style global and components
    ├── entities/
    │   └── ...Папки с Store каждой страницы
    ├── feature/
    │   ├── ...Папки с функциональностью каждой страницы
    │   └── example/
    │       ├── ui/
    │       │   └── table/
    │       │       ├── Table.module.scss
    │       │       └── index.js
    │       └── index.js // Export всех ui components
    ├── pages/
    │   └── ...Страницы
    ├── shared/
    │   ├── api/
    │   │   └── index.js
    │   ├── config/
    │   │   └── index.js // Url на dev и на prod
    │   ├── helpers/
    │   │   ├── ...helpers
    │   │   └── index.js // Export всех helpers components
    │   └── ui/
    │       ├── ...ui переиспользуемые компоненты
    │       └── index.js // Export всех ui components
    └── widgets/
        └── ...Сквозные компоненты

Документация файловой структуры: https://feature-sliced.design/ru/docs/reference/layers/overview