Kurly Fully Transitions Kurlymall to Next.js-based 'NX' Project to Break Away from Legacy System

Kurly's Commerce Web Frontend team began pushing the Next.js library-based NX project in 2021 to move away from the legacy system built on top of the existing Godomall source. In August 2022, all services except some pages of Kurly's own PHP service completed the transition to NX, implementing new specs such as the curated marketplace (3P) and Beauty Kurly.

Improved User Experience

Through the NX transition, the LCP (Largest Contentful Paint) score of the product detail page dropped significantly from 3.4 seconds to 1.5 seconds. This provides fast loading speed to all users across PC, mobile, and in-app webviews. In addition, the fragmented UI of the legacy system was unified to provide consistent interactions, and long, complex URLs were standardized into short, memorable forms. The legacy structure, which used separate URLs for PC and mobile, was integrated into a single URL, improving maintainability and accessibility.

Improved Code Quality and Development Efficiency

Non-standard implementation methods that existed on the legacy product detail page, such as if-statement branching based on product numbers and loading back-office scripts, were removed, and spec-out was carried out to focus on core functionality. Lint rules were strengthened to perform automatic checks before commits, and code that had been mixed across React, Vue, and vanilla JS was standardized based on Next.js. As a result, the static defect ratio dropped from 1.7% to 0.13%, and applying a CI caching strategy during builds cut build speed by about 20%.