The starting line
StyleNow India came to us with a problem that won't surprise anyone running an e-commerce site in 2026: a legacy Magento storefront that mobile users were silently abandoning. Lighthouse score: 42. Mobile drop-off: 74%. Conversion rate: under 1%.
The team had already tried theme tweaks, image-CDN swaps and plugin audits. None of it moved the metric that mattered.
What we changed
We didn't rebuild Magento. We rebuilt the storefront layer only, on Next.js 14, and kept Magento running as the back-office. Three engineering decisions did most of the work:
1. Headless Next.js with App Router and RSC streaming
The new storefront is React Server Components first. Product detail pages and product listing pages are server-rendered with ISR (incremental static regeneration) — most catalogue pages cache for 60 seconds at the edge, then revalidate on demand when inventory updates fire from Magento.
Time to first byte on mobile dropped from 1.8s → 180ms on cached pages.
2. The image pipeline
Magento was serving 800 KB product images on mobile. We replaced everything with the Next.js Image component on an edge CDN, AVIF/WebP with PNG fallback, automatic responsive sizes and lazy loading.
| Metric | Before | After |
|---|---|---|
| LCP image weight (mobile) | 820 KB | 78 KB |
| LCP time | 4.1s | 1.2s |
| CLS | 0.31 | 0.02 |
3. One-page mobile checkout
The legacy 4-step checkout was rebuilt as a single page with smart defaults, address autocomplete, stored Razorpay payment methods, and abandoned-cart recovery via WhatsApp Business API.
Results
Three months after launch:
- Lighthouse mobile: 42 → 94
- Mobile conversion: +210%
- Revenue: +56% in 90 days
- Organic traffic: +180% in 4 months (Google rewards fast pages)
What we'd do differently
We initially tried to migrate every plugin from Magento. We should have ruthlessly cut: 40% of the plugins had no measurable usage. The cleaner the new system starts, the faster you ship.
When this playbook fits you
- Your mobile Lighthouse is below 60
- Your Magento / WooCommerce / older Shopify theme has hit a performance ceiling
- You can leave the back-office where it is for now (catalogue, orders)
- You want results in 90 days, not 9 months
If that's you, tell us your scope and we'll send a fixed-cost proposal in 48 hours.