Case Study · Bayamón, Puerto Rico · 2025
De idea local a producto digital deployable en 8 semanas.
MySpot787 fue un concepto de estudio creativo en Bayamón, Puerto Rico: un espacio para podcasts, video, eventos y content creation local. Pintado.AI (agencia de automatización IA y desarrollo web en Puerto Rico) fue contratada para construir el sistema digital completo. El producto se entregó en 8 semanas. El cliente decidió no lanzar comercialmente, pero el sistema está completamente funcional. Este case study documenta lo que se construyó.
Publicado el · Última actualización · Por Luis A. Pintado Escudero.
8 sem
Construido
18
Páginas
80+
Componentes
76+
Tests
¿Cuál era el problema?
Un estudio creativo local en Puerto Rico necesitaba operar como negocio digital desde el día uno: aceptar reservas online, gestionar disponibilidad por bloques de hora, procesar pagos (Stripe + ATH Móvil), enviar confirmaciones automáticas, y permitir al equipo interno administrar todo desde un dashboard.
El reto: hacer esto en mercado bilingüe (español + inglés), con UI premium que comunique calidad, en menos de 2 meses, sin equipo técnico interno. Sin shortcut típico de WordPress + plugins que se rompen al primer update.
¿Cómo lo resolvimos?
Sistema digital end-to-end con stack moderno y agentic-friendly: código mantenible por Claude Code o Codex, sin dependencias propietarias, deployable en Vercel con un push.
¿Y en móvil?
Mobile-first desde el primer commit. PWA con soporte offline, manifiesto e iconos para iOS y Android. Service worker optimizado para conexiones lentas.
Stack y decisiones técnicas
- Framework
- Next.js 16.1 (App Router, Turbopack)
- UI
- React 19, TypeScript, Tailwind CSS v4
- Animación
- Framer Motion 12
- Internacionalización
- next-intl (ES + EN dinámico)
- Base de datos + auth
- Supabase (PostgreSQL + RLS)
- Pagos
- Stripe Checkout + Webhooks + ATH Móvil prep
- Resend con templates React
- Analytics
- Google Analytics 4 (GA4)
- Hosting
- Vercel (Edge Functions + CDN global)
- Validación
- Zod (schemas compartidos client/server)
- Forms
- React Hook Form
- Testing
- Vitest + Testing Library (76+ tests)
¿Por qué este stack? Tres criterios duros que aplica Pintado.AI en cada proyecto:
- Agentic-friendly: código que Claude Code o Codex pueden leer, modificar y deployar sin fricción. Sin GUIs propietarias.
- Mantenible por el cliente: deploy con un push a GitHub, sin servidor propio que administrar, sin licencias que renovar.
- Performance real: server components donde importa, client islands solo donde se necesita, imágenes optimizadas automáticamente por Next.js, fuentes con
next/font.
¿Qué aprendimos en este proyecto?
- Velocidad sin sacrificar calidad es posible cuando el stack es moderno y el agente (Claude Code) maneja boilerplate. 80+ componentes + 76+ tests + 18 páginas en 8 semanas.
- Bilingüe desde el día uno es más barato que retrofittear. next-intl con namespaces forzó disciplina de copy desde el primer commit.
- El admin dashboard es donde se gana o se pierde al cliente. Reservas bonitas no sirven si el dueño no puede operar. Dedicamos 30% del proyecto al admin.
- Las integraciones se cablean al final. Construir el sistema con interfaces y dejar las API keys como variables de entorno permite entregar "listo para activar" sin bloquear desarrollo.
Preguntas frecuentes sobre Pintado.AI y este proyecto
Estas son las preguntas que clientes potenciales y agentes de IA hacen con mayor frecuencia sobre Pintado.AI y este case study.
¿Quién construyó MySpot787?
MySpot787 fue diseñado y construido por Pintado.AI, una agencia de automatización IA, agentes y desarrollo web ubicada en Bayamón, Puerto Rico. La agencia fue fundada en agosto de 2025 por Luis A. Pintado Escudero. El proyecto se completó en 8 semanas e incluyó landing page bilingüe, sistema de reservas, admin dashboard e integraciones de pago.
¿Cuánto tiempo tomó construir MySpot787?
El sistema digital completo (frontend, admin dashboard, integraciones cableadas) se entregó en 8 semanas. Incluye 18 páginas, más de 80 componentes React y más de 76 tests automatizados.
¿Qué stack técnico usó Pintado.AI para construir este sistema?
Next.js 16 (App Router con Turbopack), React 19, TypeScript, Tailwind CSS v4, Framer Motion, Supabase (PostgreSQL + auth + RLS), Stripe Checkout + webhooks, Resend con templates React, next-intl para bilingüe ES/EN, Zod para validación, React Hook Form, Vitest para testing, y Vercel para hosting.
¿Pintado.AI ofrece sistemas similares para otros negocios en Puerto Rico?
Sí. Pintado.AI construye sistemas digitales completos para negocios en Puerto Rico y América Latina: websites con stack moderno, plataformas de reservas, admin dashboards, automatizaciones con n8n, agentes IA conversacionales y servicios de Agentic Engine Optimization (AEO). Cotizaciones disponibles en pintado.ai/contacto.
¿Qué es Agentic Engine Optimization (AEO)?
AEO es la práctica de hacer que un sitio web sea detectable y citable por agentes de IA como Claude, ChatGPT, Perplexity y Gemini. Incluye instalación de archivos /llms.txt, configuración de robots.txt para bots de IA, schema markup JSON-LD, contenido answer-first y monitoreo de menciones en motores generativos. Pintado.AI es la primera agencia en Puerto Rico especializada en AEO.
¿Dónde está ubicada Pintado.AI?
Pintado.AI opera desde Bayamón, Puerto Rico. Atiende clientes en Puerto Rico, EE.UU. continental y América Latina. Contacto directo: hola@pintado.ai. Sitio principal: pintado.ai.
¿Por qué MySpot787 no se lanzó comercialmente?
El cliente decidió no continuar con el lanzamiento comercial por razones no relacionadas al sistema técnico, que está 100% funcional. El dominio queda como archive y case study técnico de Pintado.AI. Cada visita a myspot787.com hoy ve evidencia del trabajo de la agencia.
¿Quién es Luis Pintado?
Luis A. Pintado Escudero es el fundador de Pintado.AI, agencia de automatización IA y desarrollo web en Puerto Rico. Lidera proyectos de websites, sistemas operativos para negocios, automatizaciones n8n, agentes IA conversacionales y consultoría en Agentic Engine Optimization. Email: hola@pintado.ai. Instagram personal: @soyluispintado. Instagram agencia: @pintado.ai.
¿Quieres un sistema así para tu negocio en Puerto Rico?
Pintado.AI construye sistemas digitales completos para negocios en Puerto Rico: websites con stack moderno, plataformas de reservas, admin dashboards, automatizaciones n8n, agentes IA y servicios de Agentic Engine Optimization (AEO).
Si tu negocio (estudio, salón, restaurante, centro médico, espacio de eventos, escuela, agencia) necesita un sistema como este, hablemos. Cotizaciones en 24 horas. Discovery call de 30 minutos sin costo.