Desarrollo web
Slice Spot Pizza — Web App Full-Stack
Sitio de marketing animado con membresías por suscripción y pagos en línea
- Cliente
- Slice Spot Pizza
- Ubicación
- Texas, Estados Unidos
- Duración
- 4 meses
- Estado
- Completado
Galería del Proyecto
Stack Tecnológico
- Next.js 14
- Tailwind CSS
- TypeScript
- Supabase
- React 18
- GSAP
- Mapbox GL
- Valor Pay Tech
Descripción Detallada
Aplicación web full-stack para una pizzería que une un sitio de marketing animado con un sistema de membresías por suscripción, pago en línea y gestión de clientes.
El Desafío
Crear una presencia digital que funcionara tanto como herramienta de marketing atractiva como plataforma de negocio completa: membresías recurrentes, pagos seguros, autenticación sin contraseña y gestión de clientes, todo con alto rendimiento y buen SEO.
Nuestra Solución
Se desarrolló con Next.js 14 una app con exportación estática para máximo rendimiento en CDN. Las animaciones se construyeron con GSAP + ScrollTrigger (parallax, split-text, scroll anclado) usando una utilidad propia `splitToChars` para evitar plugins de pago. El backend usa Supabase (Postgres + Auth) con llamadas idempotentes para prevenir cobros duplicados, y la integración de pagos recurrentes se realizó con Valor Pay Tech. Se añadió un buscador de ubicaciones con mapa interactivo de Mapbox (lazy-loaded, ~500 KB) y un sistema de tickets de soporte con dashboard de administrador.
Resultados Obtenidos
Sitio con rendimiento optimizado gracias a HTML pre-renderizado, lazy-loading estratégico y fuentes optimizadas con `next/font`. SEO completo con metadata, Open Graph, datos estructurados Schema.org (Restaurant) y analítica integrada via GTM, GA4, Meta Pixel y Microsoft Clarity. Sistema de diseño propio en Tailwind con tokens de color de marca, tipografías y enfoque mobile-first.
¿Listo para empezar?
¿Buscas la mejor solución tecnológica?
Transformamos tus ideas en soluciones digitales innovadoras que impulsan el crecimiento de tu negocio.
¡Contáctanos por WhatsApp!