Back to projects

ÉLAN E-Commerce

2026

ÉLAN is a full-featured fashion e-commerce built with Next.js 16, Supabase, and MercadoPago. With a premium editorial design focused on UX, it delivers a seamless shopping experience including a filtered catalog, persistent cart, validated checkout, coupon and loyalty points system, plus a complete admin panel with sales metrics and analytics.

Key Features

  • Product catalog with category, gender, and search filters with parallax hero carousel
  • Checkout integrated with MercadoPago, coupons, and loyalty points
  • Admin panel with metrics dashboard, product CRUD, and order management
  • Shipping system by region, wishlist, moderated reviews, and referral program
  • Full SEO with meta tags, Open Graph, JSON-LD, and dynamic sitemap

Tech Stack

TypeScript
TypeScript
Next.js
Next.js
Supabase
Supabase
Tailwind CSS
Tailwind CSS
PostgreSQL
PostgreSQL
Framer Motion
Framer Motion
Resend
Resend
Mercado Pago
Mercado Pago

Challenges & Learnings

The biggest challenge was integrating MercadoPago Checkout Pro with Supabase Edge Functions while maintaining security through JWT verification and RLS on all tables. Designing a cart system that works with localStorage for anonymous users and syncs with the database for abandoned carts required careful architecture. Implementing a complete admin panel with accounting and real-time reports was another significant challenge.