Tuyo Entrecielos
We built "Tu Yo Entre Cielos" a site that is both an editorial showcase and a storefront with real payments, on Next.js and Payload CMS 3 over PostgreSQL. We solved the real problem — a delicate message that needed a dignified home the atelier itself could run — by giving the client 150+ Spanish content fields they can edit without touching a line of code: emotional copy, prices, galleries, testimonials and FAQ. On top of that we wired online payments through Stripe Checkout, with a webhook that verifies the cryptographic signature and creates orders idempotently so a redelivered event never charges or duplicates twice, and we left the integration dormant by default so it can be switched on when the business is ready. The proof is in the product: 8 collections, 4 globals, 7 public pages plus admin panel, media on S3, versioned Postgres migrations, and automated CI/CD deploys — running in production at tuyoentrecielos.servicioscreativos.mx.
Category
E-Commerce
Stack
Next.js, TypeScript, PostgreSQL
The problem
"Tu Yo Entre Cielos" doesn't sell a product, it accompanies grief: teddy bears, framed textiles, made-to-measure clothing and essences crafted from the garments of someone who is gone. That delicate message lived on social media, with no home of its own to build trust or take payment. The hard part wasn't technical, it was tone: every word, image and price had to be adjustable without touching code, and a grieving family's first message could not get lost in a DM.
What we built
- —Full editorial site in Next.js (App Router): Home, Catalog, product detail, How-it-works, About and Contact pages, all with careful motion (framer-motion) and brand typography (IvyOra Display).
- —Payload 3 CMS where the client edits EVERYTHING with no code: 8 collections (Products, Orders, Messages, Testimonials, FAQ, Pages, Media, Users) and 4 editable globals (Home, About, How-it-works, Site Settings) with 150+ content fields in Spanish.
- —Catalog across the atelier's 4 real categories — keepsake bears, textile-framed art, made-to-measure clothing and essences — each product with gallery, time estimate, testimonials and emotional copy.
- —Real online payments via Stripe Checkout: customers buy a piece and are charged in MXN against a published product.
- —Hardened Stripe webhook: verifies the cryptographic signature against the exact bytes Stripe signed and creates the order idempotently, so a redelivered event never duplicates an order.
- —Payment integration that is dormant by default: with no Stripe keys the site behaves identically (no buy button, no errors), letting the client switch on checkout when ready.
- —Server-validated contact form that stores every lead as a CMS message (visible only to the team) so no interested family slips through the cracks.
- —Media in object storage, identical in local and production, with image and LCP optimization.
- —SEO and social sharing ready: dynamic sitemap, robots, metadata and Open Graph image generation.
- —Automated deploy: a push to main triggers CI/CD that rebuilds the container and restarts — live at tuyoentrecielos.servicioscreativos.mx.
Results
8 data collections + 4 editable globals in the CMS
150+ editable Spanish content fields, no code required
4 real product categories (bears, framed art, clothing, essences)
7 public pages + admin panel in one codebase
Complete Stripe payment flow: checkout + signature-verified, idempotent webhook
3 versioned Postgres database migrations
Live at tuyoentrecielos.servicioscreativos.mx with automated CI/CD (push to main → build → deploy)