Tuyo Entrecielos
Construimos para "Tu Yo Entre Cielos" un sitio que es a la vez vitrina editorial y tienda con cobro real, montado sobre Next.js y Payload CMS 3 con PostgreSQL. Resolvimos el problema de fondo — un mensaje delicado que necesitaba un hogar digno y manejable por el propio taller — dándole al cliente más de 150 campos de contenido en español que puede editar sin tocar una línea de código: copy emocional, precios, galerías, testimonios y FAQ. Sobre eso conectamos pagos en línea con Stripe Checkout, con un webhook que verifica la firma criptográfica y crea el pedido de forma idempotente para que ningún evento repetido cobre o duplique dos veces, y dejamos la integración "dormida por defecto" para encenderla cuando el negocio esté listo. La prueba está en el producto: 8 colecciones, 4 globales, 7 páginas públicas más panel de administración, imágenes en S3, migraciones versionadas en Postgres, y despliegue automático por CI/CD — corriendo en producción en tuyoentrecielos.servicioscreativos.mx.
Categoría
E-Commerce
Stack
Next.js, TypeScript, PostgreSQL
El problema
"Tu Yo Entre Cielos" no vende un producto, vende un duelo acompañado: ositos, cuadros, ropa y esencias hechos con las prendas de alguien que ya no está. Ese mensaje tan delicado vivía en redes sociales, sin un lugar propio que diera confianza ni cobrara. El reto no era técnico, era de tono: cada palabra, cada imagen y cada precio tenían que poder ajustarse sin tocar código, y el primer contacto de una familia en duelo no podía perderse en un DM.
Lo que construimos
- —Sitio editorial completo en Next.js (App Router) con páginas de Inicio, Catálogo, detalle de producto, Cómo funciona, Nosotros y Contacto, todas con animación cuidada (framer-motion) y tipografía de marca (IvyOra Display).
- —CMS Payload 3 donde el cliente edita TODO sin programar: 8 colecciones (Productos, Pedidos, Mensajes, Testimonios, FAQ, Páginas, Medios, Usuarios) y 4 globales editables (Inicio, Nosotros, Cómo funciona, Ajustes del sitio) con más de 150 campos de contenido en español.
- —Catálogo por 4 categorías reales del taller — Ositos de Recuerdo, Cuadros con Textiles, Ropa a Medida y Esencias — cada producto con galería, tiempo estimado, testimonios y textos emocionales.
- —Pago en línea real con Stripe Checkout: el cliente compra una pieza y el cobro se hace en pesos MXN sobre un producto publicado.
- —Webhook de Stripe a prueba de fallos: verifica la firma criptográfica contra los bytes exactos que firmó Stripe y crea el pedido de forma idempotente, así un evento repetido nunca duplica una orden.
- —Integración de pago 'dormida por defecto': sin llaves de Stripe el sitio funciona idéntico (sin botón de compra, sin errores), lo que permite encender el cobro cuando el cliente esté listo.
- —Formulario de contacto con validación en servidor que guarda cada lead como un mensaje en el CMS (visible solo para el equipo) para que ninguna familia interesada se pierda.
- —Imágenes en almacenamiento de objetos, igual en local y en producción, con optimización de imagen y LCP.
- —SEO y compartido social listos: sitemap dinámico, robots, metadatos y generación de imagen Open Graph.
- —Despliegue automático: un push a main dispara el CI/CD, que reconstruye el contenedor y reinicia — el sitio vive en tuyoentrecielos.servicioscreativos.mx.
Resultados
8 colecciones de datos + 4 globales editables en el CMS
Más de 150 campos de contenido en español editables sin código
4 categorías de producto reales (ositos, cuadros, ropa, esencias)
7 páginas públicas + panel de administración en la misma base de código
Flujo de pago Stripe completo: checkout + webhook idempotente con verificación de firma
3 migraciones de base de datos versionadas en Postgres
En producción en tuyoentrecielos.servicioscreativos.mx con CI/CD automático (push a main → build → deploy)