Back to projects
Online Store
Stylos
A complete online store: catalog with variants (colors, sizes, brands and categories), persistent cart, MercadoPago-integrated checkout, shipping calculation, order management, an admin panel and accounts with email verification.
Next.jsNestJSTypeScriptPostgreSQLPrismaMercadoPagoNextAuthZustandSendGridGSAP
Some details omitted under NDA
19
Data models
MercadoPago
Payments
100%
Responsive
What the store does
Catalog
Products with variants: colors, sizes, brands and categories.
Cart
Persistent cart with cart recovery.
MercadoPago checkout
Integrated payment with success, failure and pending states.
Shipping
Shipping calculation at checkout.
Accounts
Login, sign-up and email verification (NextAuth).
Admin panel
Product and order management.
01
Product page
Product with variants (colors and sizes), image gallery and add-to-cart.
The engineering behind it
- NestJS + Prisma backend (19 models) with DDD architecture.
- MercadoPago payments and transactional emails (SendGrid).
- Next.js front with global state (Zustand) and animations (GSAP).
- Full flow: catalog → cart → checkout → order.