Skip to content
SoyGarfield
Caso de estudio

Pietro Fiorillo × Los Luises Sublimación

Tienda online con panel de administración y deploy automático para un taller de sublimación y estampado personalizado.

Ver proyecto Tienda online con panel de administración y deploy automáticoLive
Cliente
Los Luises Sublimación
Tipo
Tienda online con panel de administración y deploy automático
Rol
Diseño, desarrollo full-stack, infraestructura y SEO.
Estado
Live

01El desafío#

Los Luises es un taller de sublimación y estampado con más de 26 años de trayectoria. Vende productos personalizables, donde el precio depende del área de estampado, la cantidad y el talle, y productos de stock. Necesitaba una vitrina online que transmitiera confianza y posicionara en Google, poder cambiar precios, ofertas y disponibilidad sin depender de un desarrollador, un flujo de compra adaptado a cómo ya vende (coordinando el pedido por WhatsApp), descuentos automáticos para pedidos grandes y un costo de mantenimiento bajo, sin servidor propio.

02La solución#

  1. 01Sitio estático de alto rendimiento: Next.js exportado a HTML, con las fichas de producto generadas en build para velocidad, SEO y costo casi nulo.
  2. 02Listados, buscador y filtros (categoría, material, precio y orden) que leen Firestore en el navegador y reflejan cambios de precio o stock al instante.
  3. 03Ficha de producto con galería, selector de color y talle, selector de áreas de estampado con recargo por zona y matriz talle por color para pedidos de grupos.
  4. 04Descuentos por volumen automáticos con aviso de cuántas unidades faltan para el siguiente escalón, y checkout que arma el pedido completo y lo envía por WhatsApp.
  5. 05Panel /admin privado para dar de alta, editar y borrar productos, subir fotos, controlar precio, ofertas, disponibilidad y destacados, y cargar detalles técnicos y preguntas frecuentes propios.
  6. 06Rebuild automático: una Cloud Function escucha cada escritura en Firestore y lanza Cloud Build, que regenera el HTML, el sitemap y los datos estructurados y republica en Firebase Hosting.
  7. 07SEO técnico desde el primer día: metadatos por página, JSON-LD LocalBusiness y Product con precio en ARS y disponibilidad real, sitemap dinámico y robots.txt que excluye carrito, checkout y admin.

03Cómo está armado#

  1. Panel /admin: el cliente edita un producto
  2. Firestore + Cloud Function
  3. Cloud Build: next build y deploy
  4. Firebase Hosting (CDN)

04Stack#

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • Zustand
  • Firestore
  • Firebase Auth
  • Firebase Storage
  • Firebase Hosting
  • Cloud Functions
  • Cloud Build
  • Secret Manager

05Por qué funciona#

  • Sitio estático con datos vivos: evita tanto un servidor que mantener como información desactualizada.
  • Firebase Admin SDK durante el build y SDK cliente en el navegador: cada lectura usa la herramienta adecuada.
  • Seguridad por capas: lectura pública solo de products, escritura solo para usuarios autenticados, panel en noindex y credenciales en Secret Manager, nunca en el repositorio.
  • Reglas de negocio (descuentos, precios efectivos y recargos por área) aisladas en funciones puras y fáciles de probar.

06Resultado#

  • Catálogo de 49 productos en 8 categorías activas, gestionable de forma autónoma por el cliente.
  • Flujo de compra adaptado al proceso real de ventas: el pedido se coordina por WhatsApp.
  • SEO técnico completo, listo para posicionar productos y marca.
  • Cero servidores propios y costo operativo mínimo, con actualización automática desde el clic en Guardar hasta producción.

Resultados y cifras publicados por MANYA Digital para este proyecto.

¿Quieres un proyecto como este?

Si necesitas una web, una aplicación o un sistema para tu negocio, hablemos.

Contactar