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