SierraMar Café - Specialty Coffee Ecommerce & Blog
About the project
SierraMar Café is an e-commerce and blog platform for a specialty coffee brand, built as two decoupled applications: a Next.js 16 frontend (App Router, TypeScript, Tailwind, shadcn/ui) and a headless Strapi 5 CMS on PostgreSQL that manages catalog, orders, inventory and editorial content over REST. The catalog models each coffee with grind/weight variants, each carrying its own SKU, price and stock; checkout integrates MercadoPago Checkout Pro with a signed webhook that syncs payment status and restores inventory when a transaction fails; and authentication is passwordless via email OTP codes. The blog ships with automatic reading time, dynamic metadata and a sitemap.
Key Contributions
- Decoupled Next.js + Strapi architecture with an abstracted API layer and end-to-end TypeScript typing.
- E-commerce data modeling in Strapi 5: Product/Variant/Category/Order with reusable components.
- MercadoPago Checkout Pro payment integration with a signature-verified webhook.
- Backend inventory control: per-order decrement, auto-generated SKU and order number, stock reversal based on payment outcome.
- Passwordless authentication with email OTP (expiry, attempt limits, resend throttling).
- Frontend with filterable catalog, variant picker, persistent cart, Markdown blog and dynamic SEO.
Have a similar project in mind?
Let's talk and see how I can help.
