Проект построен на Next.js

Ознакомиться с проектом по ссылке: Vercel REST API: Render Storybook: Render Предупреждение! Доступная версия сервиса render заканчивает процесс backend после 15 минут бездействия, поэтому, чтобы приложение работало корректно, сначала нужно дождаться загрузки страницы с документацией REST API

Запуск проекта

npm run dev - запуск проекта в dev режиме

Скрипты

• npm run dev - Запуск в dev режиме

• npm run start - Запуск в prod режиме

• npm run build - Сборка в prod режиме

• npm run lint:ts - Проверка ts файлов линтером

• npm run lint:ts:fix - Исправление ts файлов линтером

• npm run lint:scss - Проверка scss файлов style линтером

• npm run lint:scss:fix - Исправление scss файлов style линтером

• npm run test:unit - Запуск unit тестов с jest

• npm run test:ui:init - Инициализация скриншотных тестов с loki

• npm run test:ui - Запуск скриншотных тестов с loki

• npm run test:ui:ok - Подтверждение новых скриншотов

• npm run test:ui:report - Генерация отчета для скриншотных тестов

• npm run storybook - запуск Storybook

• npm run storybook:build - Сборка storybook билда

• npm run prepare - инициализация прекоммит хуков

• npm run postinstall - очистка кэша после установки зависимостей (запускаяется автоматически)

---

• generate:slice layer sliceName - создание слайса по методологии Feature Sliced Design. Cлои (layers): feature, entity, page

Тесты

В проекте используются 3 вида тестов:

1. Обычные unit тесты на jest - npm run test:unit
2. Тесты на компоненты с React testing library -npm run test:unit
3. Скриншотное тестирование с loki npm run test:ui

---

Линтинг

В проекте используется eslint для проверки typescript кода и stylelint для проверки файлов со стилями.

Pre commit хуки

В прекоммит хуках проект проеверяется линтерами (конфигурация в /.husky)

---

Shared

• BannerSwiper
• Button
• Choose
• CropImage
• Dialog
• FileInput
• Form
• IconButton
• Image
• Input
• ItemsSection
• ItemsTitle
• Loader
• Logo
• Menu
• MobileMenu
• PageContainer
• RequireAuthDialog
• Skeleton
• Stack
• Text
• Tooltip

Сущности (entities)

• fileStorage
• player
• track
• user
• viewer

Фичи (features)

• AddNewTrack
• AddNewTrackSeparateImageLoading
• ConfirmEmail
• CropImage
• ConfirmEmailWarningDialog
• ConfirmResetPassword
• DesktopVisualizer
• EditProfile
• RemoveProfile
• ResetPassword
• SignIn
• SignUp
• TimeLine
• Toast
• Track

Виджеты (widgets)

• DesktopPlayer
• MobilePlayer
• MobilePlayerContorls
• Navbar
• Pagination
• UserHeader

Evironment переменные (.env.local)

• NEXTAUTH_URL
• NEXTAUTH_SECRET
• NEXT_PUBLIC_STANDART_PER_PAGE
• BACKEND_URL
• FRONTEND_URL