E-Commerce Platform Revamp
SDE 3 · 2022 - 2024
GatsbyReactAWS S3AWS EC2CloudFrontPlaywright
Overview
As an SDE 3 at Quince, I led a full revamp of the company’s e-commerce website, moving it off an aging framework version and rebuilding the delivery pipeline around it.
Problem
The site ran on Gatsby 2, a version several major releases behind current, which limited access to performance improvements and modern tooling. Build times were slow, page delivery costs were high, and there was no reliable way to test regressions before shipping changes to a static, high-traffic storefront.
Approach
- Upgraded the legacy Gatsby codebase from version 2 to version 5.
- Optimized the website build system, cutting build time by 60%, with builds deployed to AWS S3 via AWS EC2.
- Set up a CDN (CloudFront) for the platform, improving site speed and global accessibility.
- Applied advanced compression techniques to cut content delivery costs by 80%.
- Architected a regression testing environment using Playwright to catch issues before release.
- Implemented a green-blue deployment system to eliminate downtime during releases.
- Designed a solution for pushing early website updates within a fully static site environment.
Outcome
- Build times dropped 60%, meaningfully speeding up the team’s ship cycle.
- Delivery costs dropped 80% through compression and CDN optimization.
- Releases became zero-downtime via green-blue deployment, backed by automated regression coverage.