CB2 UAE: Angular to Next.js Storefront Migration
CB2 UAE moved from an Angular and Spartacus storefront to a custom Next.js application with full server-side rendering, new features and SmartEdit.
Outgrowing Angular and Spartacus
The Angular and Spartacus storefront made performance tuning and new features harder than they needed to be. CB2 is an editorial, design-led brand where large imagery and curated collections matter, so the storefront needed full control over rendering and layout, with SAP Commerce Cloud remaining the backend.
Building a Faster Future for CB2 UAE
The goal was more than a framework swap. We replaced the Angular and Spartacus frontend with a custom Next.js storefront that adds new features, renders every page on the server and plugs into SmartEdit, so content teams keep editing visually while shoppers get faster pages.
Next.js, SSR and SmartEdit
Using Next.js and React, we rebuilt the frontend layer with full server-side rendering, so homepage, category and product pages reach shoppers and search engines as complete HTML. The architecture is modular, reuses React components across templates and replaces the Angular-based Spartacus implementation with a SmartEdit integration for content teams.
What Made This Project a Success
Moving CB2 UAE to Next.js was about a faster, cleaner and more future-proof storefront, not only new technology. Here is what made the project stand out and how it benefits shoppers, content teams and the business.
Technology stack
Frontend
Next.js
React JS
TypeScript
Redux
HTML5
SCSS
Tailwind
Commerce
SAP Commerce APIs
SmartEdit
Integrations
checkout.com
OAuth
Braze
GA4
Security
Veracode
CB2 UAE storefront in focus
A server-rendered storefront
Category and product pages arrive as complete HTML, so shoppers and search engines see content immediately.
Built with: Next.js, React JS, TypeScript and the SAP Commerce APIs.
Content managed in SmartEdit
Merchandisers keep editing pages visually in SmartEdit, now connected to the Next.js storefront instead of Spartacus.
Screenshot: coming soon.
Fast on every device
The same components adapt from desktop to phone, with responsive images and lean client-side code.
Screenshot: coming soon.
Migration timeline: Jan 2026 – Jun 2026
Foundation
Next.js project setup with TypeScript, SCSS and Tailwind, plus shared React components and Redux state.
Storefront journeys
Home, category, product, cart and checkout rebuilt with server-side rendering on top of the SAP Commerce APIs.
Integrations
checkout.com payments, OAuth sign-in, Braze engagement and GA4 analytics connected to the new storefront.
Security, QA and launch
Veracode scans, testing and performance tuning, then the move from Angular and Spartacus with SmartEdit managing content.
Lighthouse snapshot of the live storefront
92
Lighthouse SEO score
92
Lighthouse Accessibility score
0
Cumulative Layout Shift
Lab data for the live storefront (mobile), measured with Lighthouse 13.4 on 13 Nov 2026.
Visual Highlights from the CB2 UAE Rebuild
A closer look at the live Next.js storefront: editorial homepage tiles and the product detail layout, all server-side rendered and responsive on every device.
