All work
case studyWeb & Commerce

SPUMABEAT — foam-party & event-production website

A production marketing and booking site for the original foam-party company in the Riviera Maya: service catalog, blog, gallery, and a quote funnel served from a small self-hosted box.

Role
Full-stack engineer
Timeline
Live in production
Stack
Next.js (static export) · React · Express · PM2 / Linux · Cloudflare Tunnel
SPUMABEAT cover — foam cannon blasting a crowd at an event
project coverWeb & Commerce

A live system in daily operation for waste-management ticket intake — this page embeds the running demo.

Launch live demoUpload the sample tickets or your own scans — full extraction, validation and export.
Problem

What was broken

A foam-party and event-production company needed more than a social-media page: a site that presents its full service catalog, builds trust with real staff photos and testimonials, and turns visitors into quote requests.

Approach

How it was fixed

Built the site as a statically-exported Next.js app served by a thin Express server under PM2, with per-service landing pages, a categorized and tagged blog, a gallery, and a contact/quote funnel. Media is re-encoded for the web (muted, faststart, frame-cropped video) and the whole site is published through Cloudflare Tunnel for zero-open-port HTTPS.

Constraints

  • Serve a media-heavy site fast from a small self-hosted Linux box.
  • Autoplay video sells the product, but it must be muted, compressed, and instant.
  • Expose the site to the internet without opening inbound ports on the host.
Stack

Tools in the system

  • Next.js (static export)
  • React
  • Express
  • PM2 / Linux
  • Cloudflare Tunnel
Outcome

What changed

spumabeat.com presents the full service catalog with SEO-friendly static pages and a direct quote channel, served from a small box with no exposed inbound ports and sub-second static delivery.

6Service landing pages
0Inbound ports opened
static exportDelivery
Lessons

What carries forward

  1. 01Static export plus a thin Express server gives near-zero attack surface and trivial rollbacks.
  2. 02Autoplay video only converts when it is compressed and faststart; a 4 MB hero clip is a bounce, not a feature.
  3. 03Vendor promos and credits hide in HTML, RSC payloads, and client chunks — all three need a sweep before launch.

Related case studies

All work