Skip to main content

M&M'S

Globales M&M'S Direct-to-Consumer Storefront auf einem Headless commercetools Stack. Next.js Frontend, Amplience Content, Adyen Payments, produktive Core Web Vitals.

Headless E-Commerce
M&M'S

Projektübersicht

Das globale M&M'S Direct-to-Consumer Storefront. Ein Headless, personalisiertes E-Commerce-Erlebnis auf Next.js, commercetools, Amplience und Adyen.

Über das Projekt

Das globale mms.com Direct-to-Consumer Storefront läuft auf einem Composable, Headless-Commerce-Stack: Next.js und TypeScript Frontend, commercetools als Commerce-Engine, Amplience für Content und Adyen für Payments. Ich arbeitete am Frontend mit einem Mars-aligned Engineering-Team und lieferte ein produktionsreifes, stark personalisiertes Storefront mit GraphQL (Apollo), Material UI + Emotion, Framer Motion Interaktionen und MSW-getesteter Komponentenlogik. Observability auf Datadog und Pino, CI/CD-Pipelines, Storybook-getriebene Komponentenarbeit und Core-Web-Vitals-Monitoring auf Vercel + Fastly machten dies zu einem der technisch ambitioniertesten Headless-Commerce-Builds, die ich ausgeliefert habe.

Technologie-Stack

Next.jsNext.js App RouterReactTypeScriptNode.jsHeadless CommerceComposable CommercecommercetoolsAmplienceAdyenMaterial UIEmotionApollo ClientGraphQLGraphQL Code GeneratorReact Hook FormFramer MotionSwiperVidstackZustandAWSVercelFastlyDatadogPinoStorybookJestMSWCI/CDCore Web VitalsPersonalizationGitHTML5CSS3

Gestalten Sie Ihr M&M'S Erlebnis individuell

Machen Sie Ihre Events unvergesslich mit personalisierten M&M'S. Entdecken Sie Anpassungsoptionen für Geschenke, Gastgeschenke und mehr.

Projekt besuchen