Головна/WordPress Fullstack/Блупринти/ШІ & Агенти/Generative UI дашборд аналітики на Next.js 15 App Router
До карток розділу «ШІ & Агенти»Трудозатраты~12 рабочих часов
Фриланс вилка~$540 – $900 (€480 – €840)
Оценка веб-студии~$1,140 – $1,920 (€1080 – €1800)
ТЗ заказчика (исходный бриф):
«Нам не потрібні звичайні текстові відповіді з цифрами; ми очікуємо повноцінні інтерактивні візуальні React-компоненти, згенеровані динамічно.»
Ключевые требования:
- •Next.js 15 App Router із серверними компонентами React (RSC) та React 19
- •Vercel AI SDK (ai/rsc або useChat) із підтримкою потокового виклику інструментів (Tool Calling)
- •Каталог динамічних віджетів: MetricsCard, BarChartWidget, AreaTrendWidget, DataTableWidget
- •Zod-схеми для суворої валідації параметрів компонентів, що генеруються моделлю
- •Персистентність закріплених віджетів користувача в базі даних або localStorage
Ограничения проекта:
- •Час відгуку першого фрагмента потокового віджета < 500 мс
- •Нуль помилок розбіжності гідратації (Hydration Mismatch)
Критерии приёмки (KPI):
- Рендеринг віджета менш ніж за 1.5 секунди після запиту
- 100% адаптивність інтерфейсу від смартфонів до 4K екранів
- Оцінка задоволеності топ-менеджменту ≥ 4.8/5.0
Пошаговое практическое руководство по ТЗ
Подробный разбор архитектуры, код реализации и советы эксперта по каждому этапу: