One Piece Restaurant
Webapp temática de restaurante One Piece con 3 modos para 3 públicos: familia (drag & drop), tripulante (personaje guía) y foodie (carta técnica).
Descripción
Restaurante temático donde la carta se juega y el viaje se come. Tres públicos, tres experiencias: familia (aventura drag & drop 4-12 años), tripulante (elijo personaje y él me guía, 13-35 años), foodie (ficha técnica sin narrativa, 18+). Arquitectura data-driven: el contenido vive en JSONs editables, no en código. Cambias un precio en el JSON, refrescas el navegador, se ve al instante.
La historia
Nació de la pregunta: ¿cómo sería un restaurante donde comer es parte de la historia? El universo One Piece da para eso: 5 categorías de carta, 13 platos con historias (Risotto del Baratie, etc.), 5 personajes recomendadores (Luffy, Sanji, Nami, Brook, Franky) y 3 minijuegos desbloqueables con 7 achievements. El puerto 3030 del Docker Compose es una broma interna: 3030 = Sunny, el barco de la tripulación. La arquitectura data-driven permite que el dueño del restaurante edite la carta sin tocar código. Esa separación contenido-código es la misma filosofía que en AUREL aplicamos a la operación, y que en Fantasía aplicamos al portal.
Cómo se construyó
Stack: Next.js 14 (App Router + Server Components), Tailwind 3, Google Fonts (Pirata One + Inter). Docker multi-stage con standalone output, Alpine base, 223 MB de imagen final. El volumen `./data` se monta en el container y se re-lee en cada request (`dynamic = 'force-dynamic'`), por eso editar en caliente funciona.
Resultados
- Webapp operativa con 3 modos funcionales
- 13 platos, 5 personajes, 3 minijuegos, 7 achievements
- Edición en caliente de carta sin redeploy (probado: 18.50€ → 99.90€ en tiempo real)
- Imagen Docker optimizada (~223 MB)