SierraMar Café - Ecommerce & Blog de Café de Especialidad

Sobre el proyecto

SierraMar Café es una plataforma de e-commerce y blog para una marca de café de especialidad, construida como dos aplicaciones desacopladas: un frontend en Next.js 16 (App Router, TypeScript, Tailwind, shadcn/ui) y un CMS headless en Strapi 5 sobre PostgreSQL que gestiona catálogo, pedidos, inventario y contenido editorial vía REST. El catálogo modela cada café con variantes por molienda y peso, cada una con su propio SKU, precio y stock; el checkout integra MercadoPago Checkout Pro con un webhook firmado que sincroniza el estado del pago y revierte inventario si la transacción falla; y la autenticación es passwordless mediante códigos OTP por email. El blog incluye tiempo de lectura automático, metadata dinámica y sitemap.

Contribuciones clave

• Arquitectura desacoplada Next.js + Strapi con capa de API abstraída y tipado end-to-end en TypeScript.
• Modelado de e-commerce en Strapi 5: Producto/Variante/Categoría/Pedido con componentes reutilizables.
• Integración de pagos con MercadoPago Checkout Pro y webhook con verificación de firma.
• Control de inventario en backend: descuento por pedido, SKU y número de orden automáticos, reversión según resultado del pago.
• Autenticación passwordless con OTP por email (expiración, límite de intentos, control de reenvíos).
• Frontend con catálogo filtrable, selector de variantes, carrito persistente, blog con Markdown y SEO dinámico.