Initial SFERA platform baseline
This commit is contained in:
@@ -0,0 +1,81 @@
|
||||
# Frontend Stack для SFERA
|
||||
|
||||
## Core
|
||||
|
||||
```txt
|
||||
Next.js
|
||||
React
|
||||
TypeScript
|
||||
Tailwind CSS
|
||||
shadcn/ui
|
||||
Radix UI
|
||||
lucide-react
|
||||
```
|
||||
|
||||
## Data layer
|
||||
|
||||
```txt
|
||||
TanStack Query
|
||||
Zustand
|
||||
Zod
|
||||
React Hook Form
|
||||
```
|
||||
|
||||
## Tables / Grids
|
||||
|
||||
```txt
|
||||
TanStack Table
|
||||
TanStack Virtual
|
||||
```
|
||||
|
||||
Использовать для:
|
||||
- 1С-проектов
|
||||
- объектов 1С
|
||||
- процедур и функций
|
||||
- форм и команд
|
||||
- ролей и прав
|
||||
- review findings
|
||||
- журналов изменений
|
||||
- AI usage статистики
|
||||
- лимитов
|
||||
- интеграций
|
||||
|
||||
## Charts
|
||||
|
||||
```txt
|
||||
Recharts
|
||||
Apache ECharts
|
||||
```
|
||||
|
||||
Для простых dashboard — Recharts.
|
||||
Для тяжелой аналитики и сложных графиков — ECharts.
|
||||
|
||||
## Animations
|
||||
|
||||
```txt
|
||||
Framer Motion
|
||||
```
|
||||
|
||||
Использовать аккуратно:
|
||||
- открытие панелей
|
||||
- command palette
|
||||
- sidebar
|
||||
- drawer
|
||||
- карточки задач
|
||||
- state transitions
|
||||
|
||||
## UI generation tools
|
||||
|
||||
```txt
|
||||
v0 by Vercel
|
||||
shadcn/ui
|
||||
shadcn/studio
|
||||
Cursor
|
||||
Codex
|
||||
```
|
||||
|
||||
## Почему не Ant Design / Bootstrap
|
||||
|
||||
Ant Design подходит для быстрых корпоративных систем, но SFERA должна выглядеть как современный AI enterprise workspace, а не как старая админка.
|
||||
|
||||
Bootstrap и старые admin templates не использовать как основу.
|
||||
Reference in New Issue
Block a user