Back to Work

E-Commerce · 2024

Nova
Shopping.

A complete e-commerce platform that redefines the online shopping experience, with emphasis on speed and elegance.

Client
NovaBrand Inc.
Year
2024
Role
Lead Developer
Duration
4 Months
Challenge

Create a shopping experience that exceeds expectations

The client needed a platform that could handle a catalog of over 5,000 products with advanced filtering, without compromising loading speed.

Additionally, the payment system had to support multiple methods, including installment payments and digital wallets, all in real time.

Solution

Modular architecture with server-side rendering

I implemented Server-Side Rendering with Next.js to ensure a low LCP of 1.2s. The catalog uses cursor-based pagination with optimized indexes in PostgreSQL.

The payment system was built on Stripe with webhooks for instant confirmation, and a queue system to handle traffic spikes without failures.

Technical
Architecture

Frontend
User Interface
  • Next.js 14 (App Router)
  • React Server Components
  • Tailwind CSS
  • Framer Motion
  • Zustand (State)
Backend
API & Services
  • Node.js + Express
  • GraphQL (Apollo)
  • Stripe Payments
  • Bull Queue (Jobs)
  • JWT Auth
Infrastructure
Cloud & Data
  • AWS (EC2 + Lambda)
  • PostgreSQL (RDS)
  • Redis (Cache)
  • CloudFront CDN
  • S3 (Assets)

Results &
Impact

10K+
Transactions / month
1.2s
LCP (Largest Paint)
98%
Lighthouse Score
4.8
Client Satisfaction
Previous
Meridian
Next
Analytiq Dashboard