|
1 | | -# Task Tracker (frontend) |
| 1 | +# Task Tracker Frontend |
2 | 2 |
|
3 | | -Next.js-приложение. |
| 3 | +Frontend-приложение для Task Tracker на Next.js. |
| 4 | + |
| 5 | +## Стек |
| 6 | + |
| 7 | +- Next.js 16 |
| 8 | +- React 19 |
| 9 | +- TypeScript |
| 10 | +- TanStack Query |
| 11 | +- Zustand |
| 12 | +- Tailwind CSS |
| 13 | +- Storybook |
| 14 | +- Vitest |
| 15 | +- Grafana Faro / OpenTelemetry |
| 16 | + |
| 17 | +## Требования |
| 18 | + |
| 19 | +- Node.js, совместимый с Next.js 16 |
| 20 | +- pnpm 10 |
| 21 | +- Docker, если нужен локальный backend или observability-стек |
4 | 22 |
|
5 | 23 | ## Быстрый старт |
6 | 24 |
|
| 25 | +Создайте локальный env-файл: |
| 26 | + |
| 27 | +```bash |
| 28 | +cp .env.example .env |
| 29 | +``` |
| 30 | + |
| 31 | +Установите зависимости и запустите приложение: |
| 32 | + |
7 | 33 | ```bash |
8 | 34 | pnpm install |
9 | 35 | pnpm dev |
10 | 36 | ``` |
| 37 | + |
| 38 | +## Скрипты |
| 39 | + |
| 40 | +```bash |
| 41 | +pnpm dev # запуск dev-сервера |
| 42 | +pnpm build # production-сборка |
| 43 | +pnpm start # запуск production-сборки |
| 44 | +pnpm lint # ESLint |
| 45 | +pnpm lint:fix # ESLint с автоисправлениями |
| 46 | +pnpm lint:fsd # проверка Feature-Sliced Design правил |
| 47 | +pnpm typecheck # проверка TypeScript |
| 48 | +pnpm format:check # проверка форматирования |
| 49 | +pnpm test # Vitest в watch-режиме |
| 50 | +pnpm test:ci # Vitest один раз для CI |
| 51 | +pnpm storybook # запуск Storybook на 6006 порту |
| 52 | +``` |
| 53 | + |
| 54 | +## Локальный backend |
| 55 | + |
| 56 | +Для разработки с локальным backend, Postgres и Redis используйте Docker Compose из `infra/dev`. |
| 57 | + |
| 58 | +```bash |
| 59 | +docker compose -f ./infra/dev/compose.dev.yaml --profile infra up --pull always --build -d -V |
| 60 | +``` |
| 61 | + |
| 62 | +Подробнее: `infra/dev/README.md`. |
| 63 | + |
| 64 | +## Observability |
| 65 | + |
| 66 | +Локальный стек Grafana, Loki, Tempo и Alloy описан в `infra/observability/README.md`. |
| 67 | + |
| 68 | +Быстрый запуск: |
| 69 | + |
| 70 | +```bash |
| 71 | +cp ./infra/observability/.env.example ./infra/observability/.env |
| 72 | +docker compose -f ./infra/observability/compose.observability.yaml up -d |
| 73 | +``` |
| 74 | + |
| 75 | +Grafana будет доступна на `http://localhost:3010`. |
0 commit comments