Connect

commercetools Storefront Patterns

commercetoolsbycommercetools
•
4
•
E-commerce Solutions

Implements production-grade B2B and B2C storefronts using commercetools with standardized Backend-for-Frontend (BFF) architectural patterns.

This skill provides a comprehensive, framework-agnostic architectural blueprint for building high-performance commercetools storefronts. It enforces mission-critical best practices including a mandatory server-side BFF tier to protect secrets, server-managed sessions, and optimized data loading strategies. Whether building B2C features like anonymous carts and promotions or complex B2B workflows like quotes and multi-step approvals, this skill guides developers through implementation using verified patterns for Next.js, Nuxt, and other modern server-rendered stacks.

Key Features

01Advanced search, facet configuration, and internationalization (i18n) support
02Framework-agnostic patterns for Next.js (App Router) and Nuxt 4
03Comprehensive B2C and B2B domain feature sets (Quotes, Carts, PDP, PLP)
04Mandatory BFF architecture to prevent secret exposure to the client
054 GitHub stars
06Server-managed session handling and customer authentication patterns

Use Cases

01Implementing performance-optimized catalog browsing with server-side rendering
02Adding complex B2B features like approval workflows and store-scoped pricing
03Scaffolding a new commercetools storefront with a secure server-side tier