01
Case study · E-commerce Website
Gaming Peripherals Commerce Platform.
- Global multi-brand PC gaming & peripherals company
- Client
- Fullstack Developer
- Role
- 2021 – 2025
- Year
[ Gaming Peripherals Commerce Platform ]
(01) Overview
A direct-to-consumer ecommerce platform built on Shopify Plus, showcasing and selling PC components, gaming peripherals, apparel, and accessories.
(02) What I did
01Developed and maintained storefront application for an e-commerce platform using Next.js, React, and GraphQL.
02Optimised SEO, SSR, and ISR on demand to improve site performance and search visibility.
03Combined data from Shopify, Contentful, and other sources to give product teams full control over content without hardcoding.
04Participated in Agile/Scrum workflows, ensuring smooth code merges and efficient feature development.
05Developed and maintain micro-frontend applications (storefront, custom-product builder, checkout)
06Improved product alignment by participating in backlog refinement and providing strategic UI/UX and business-logic guidance, reducing rework.
07Coordinated with business and analytics teams for tracking implementations and third-party service integrations.
08Coordinated with product owner to discuss business features and propose techincal solutions.
09Implemented and maintained tracking tools including GTM, Braze, Bazaarvoice, and Meta Pixel for marketing and analytics teams.
10Monitored AWS logs and build pipelines to diagnose and resolve production issues and build failures.
11Authored clear, comprehensive system and feature implementation documentation tailored for both developers and non-technical stakeholders.
12Mentored and trained other developers, improving team capability and reducing ramp-up time.
(03) Major contributions
02
Reduced LCP by 76% by resolving SSR issue with client-side-rendering-support-only library.
−76% LCP
03
Successfully combined Google Tag Manager and Meta Conversion API for precise client/server-side tracking.
04
Improved SEO and Google crawlability by leveraging Next.js features like SSR, ISR, and SSG
05
Delivered critical backend features under tight deadlines to meet Computex release requirements.
06
Automated workflows with Shopify Flow to handle order resubmissions, conversions, and error recovery.
07
Migrated UI and custom business features from LiquidJS to Shopify React Extensions and Shopify Functions, reducing maintenance effort and improving modularity.
08
Enhanced ADA compliance by improving keyboard navigation, color contrast, and ARIA support across key components.
(04) Results
−76%
LCP
3×
Fewer GraphQL fetches
3×
Faster builds
(05) Stack
- NextJS
- ReactJS
- SWR
- TailwindCSS
- SCSS
- GraphQL
- Redux
- Shopify
- NodeJS
- Contentful