Todo el trabajo
estudio de casoWeb y Comercio

SPUMABEAT — sitio web de fiesta de espuma y producción de eventos

Un sitio de marketing y reservas en producción para la empresa original de fiestas de espuma en la Riviera Maya: catálogo de servicios, blog, galería y un embudo de cotización servido desde un pequeño servidor propio.

Rol
Ingeniero full-stack
Cronograma
En vivo, en producción
Stack
Next.js (export estático) · React · Express · PM2 / Linux · Cloudflare Tunnel
Portada de SPUMABEAT — cañón de espuma sobre la multitud en un evento
portada del proyectoWeb y Comercio

Un sistema en operación diaria para la captura de boletas de basura — esta página incluye la demo en vivo.

Abrir demo en vivoSube las boletas de muestra o tus propios escaneos — extracción, validación y exportación completas.
Problema

Qué estaba roto

Una empresa de fiestas de espuma y producción de eventos necesitaba más que una página en redes sociales: un sitio que presentara su catálogo completo de servicios, generara confianza con fotos reales del staff y testimonios, y convirtiera visitantes en solicitudes de cotización.

Enfoque

Cómo se resolvió

Construí el sitio como una app Next.js de export estático servida por un servidor Express delgado bajo PM2, con landing pages por servicio, un blog con categorías y etiquetas, galería y un embudo de contacto/cotización. Los medios se recodifican para la web (video mudo, faststart, recortado al marco) y todo el sitio se publica a través de Cloudflare Tunnel para HTTPS sin abrir puertos.

Restricciones

  • Servir un sitio pesado en medios, rápido, desde un pequeño servidor Linux propio.
  • El video con autoplay vende el producto, pero debe ser mudo, comprimido e instantáneo.
  • Exponer el sitio a internet sin abrir puertos de entrada en el host.
Stack

Herramientas del sistema

  • Next.js (export estático)
  • React
  • Express
  • PM2 / Linux
  • Cloudflare Tunnel
Resultado

Qué cambió

spumabeat.com presenta el catálogo completo de servicios con páginas estáticas amigables para SEO y un canal directo de cotización, servido desde una caja pequeña sin puertos de entrada expuestos y con entrega estática sub-segundo.

6Landing pages de servicios
0Puertos de entrada abiertos
export estáticoEntrega
Lecciones

Lo que se queda

  1. 01El export estático más un servidor Express delgado da una superficie de ataque casi nula y rollbacks triviales.
  2. 02El video con autoplay solo convierte cuando está comprimido y con faststart; un clip de 4 MB en el hero es un rebote, no una función.
  3. 03Las promociones y créditos del vendor se esconden en el HTML, los payloads RSC y los chunks de cliente — hay que barrer los tres antes del lanzamiento.

Estudios de caso relacionados

Todo el trabajo