Demos

Artefactos en vivo para mostrar cómo construye el estudio.

Los demos son distintos de los proyectos. Los proyectos son herramientas reutilizables; los demos son ejemplos funcionales que hacen visible el proceso del estudio: framing de producto, límites técnicos, documentación, validación y despliegue.

Demo de entrega asistida por IA Estado: En vivo

AgentWellnessCenter

Una app full-stack compacta para reservar y gestionar sesiones de cuidado para agentes de IA ficticios. La superficie de producto es lúdica; el caso muestra cómo YGBStudio estructura specs, rutas protegidas, validación, persistencia, tests, docs y despliegue edge.

Next.js
React
TypeScript
Cloudflare Workers
D1
Vitest
Zod
Ver caso demo Probar demo Ver código

Señales de ruta

Público
Flujo de reserva y confirmación
Protegido
Dashboard admin y rutas de gestión
Evidencia
Specs, tests, docs, migraciones y notas de despliegue
Ejercicio de ingeniería Estado: En vivo

AcmeDashboard

Una app full-stack de facturación y clientes construida para explorar los retos técnicos que los tutoriales omiten: migración ORM, testing robusto, accesibilidad y patrones modernos de React 19.

Next.js
React 19
TypeScript
Drizzle ORM
Vitest
Auth.js
Ver caso demo Probar demo Ver código

Señales de ruta

Público
Autenticación protegida en el edge
Protegido
Dashboard, CRUD de facturas y clientes
Evidencia
75 tests, Server Actions, estado de formulario en React 19

Hay más demos en preparación. Cada nueva entrada mantendrá el mismo estándar: artefacto funcional, límites visibles, evidencia de código y notas que permitan inspeccionar el proceso.