Principal/WordPress Fullstack/Blueprints/IA y Agentes/Dashboard de analítica con Generative UI en Next.js 15 App Router
Volver a tarjetas «IA y Agentes»IA y Agentes(ТЗ 48 из 54)
Especificación: Dashboard de analítica con Generative UI en Next.js 15 App RouterТрудозатраты~12 рабочих часов
Фриланс вилка~$540 – $900 (€480 – €840)
Оценка веб-студии~$1,140 – $1,920 (€1080 – €1800)
ТЗ заказчика (исходный бриф):
«No queremos respuestas en texto plano con cifras sueltas; exigimos componentes visuales interactivos de React renderizados dinámicamente.»
Ключевые требования:
- •Next.js 15 App Router con React Server Components (RSC) y React 19
- •Vercel AI SDK (ai/rsc o useChat) con soporte para streaming de llamadas a herramientas
- •Catálogo de widgets dinámicos: MetricsCard, BarChartWidget, AreaTrendWidget, DataTableWidget
- •Esquemas Zod para la validación rigurosa de los parámetros de componentes devueltos por el modelo
- •Persistencia de widgets anclados por el usuario en base de datos o almacenamiento local
Ограничения проекта:
- •Latencia de inicio del stream del widget interactivo inferior a 500 ms
- •Cero discrepancias de hidratación (Hydration Mismatch) en el cliente
Критерии приёмки (KPI):
- Generación y renderizado del componente visual en menos de 1.5 segundos
- Diseño 100% responsivo adaptable desde smartphones hasta pantallas 4K
- Índice de satisfacción directiva ≥ 4.8/5.0
Пошаговое практическое руководство по ТЗ
Подробный разбор архитектуры, код реализации и советы эксперта по каждому этапу: