Uzair.dev logo loading

UZAIR.DEV

Shopify & Full Stack Agency

HomeProjectsServicesPortfolioAboutContactBook Free Shopify Audit
Back to All Case Studies
Next.js Case Study

Renewed PC - Headless Commerce Store

A high-performance headless commerce Shopify store built using Next.js 15, Tailwind, and Shopify Storefront GraphQL APIs.

Client

RenewedPC Group

Timeline

2.5 Months

Your Role

Headless E-Commerce Engineer

Key Outcome

98/100

"Decoupling our Dawn theme into a headless Next.js storefront was the best decision. Uzair brought our mobile Lighthouse score to 98/100, which reduced our bounce rate by 24% and boosted mobile revenue by 54%!"

A
Andrew RossFounder, Renewed PC Group

Lighthouse Performance Lift

42
Before Audit
98
After Speed Up

The Challenge

The existing Shopify Liquid store suffered from poor mobile performance (Lighthouse speed score < 45) due to massive script bloat and third-party apps. This speed bottleneck led to a high bounce rate and low conversion rates on mobile devices.

The Solution

We decoupled the storefront entirely by building a headless e-commerce frontend using Next.js 15 and React Server Components. We integrated Shopify's Storefront GraphQL API for catalog and cart management, coupled with Algolia for instant sub-second search suggestions, resulting in an ultra-fast, app-like shopping experience.

The Result

Replaced heavy Shopify theme liquid files with light static pages, creating an app-like navigation speed and yielding a massive boost in mobile search indexing.

Tech Stack Utilized

Next.js 15Shopify Storefront APIGraphQLTailwind CSSFramer MotionAlgoliaVercel

Live Storefront & System Screenshots

RenewedPC Group showcase screenshot 1
RenewedPC Group showcase screenshot 2

Performance Deliverables

98/100

Mobile Speed Score

-24%

Bounce Rate Reduction

+54%

Mobile Revenue Growth