Skip to main content

M&M'S

Storefront globale M&M'S direct-to-consumer su stack commercetools headless. Frontend Next.js, contenuti Amplience, pagamenti Adyen, Core Web Vitals in produzione.

E-commerce Headless
M&M'S

Panoramica del progetto

Lo storefront globale direct-to-consumer di M&M'S. Un'esperienza e-commerce headless e personalizzata alimentata da Next.js, commercetools, Amplience e Adyen.

Informazioni sul progetto

Lo storefront globale mms.com direct-to-consumer gira su uno stack composable, headless commerce: frontend Next.js e TypeScript, commercetools come commerce engine, Amplience per i contenuti e Adyen per i pagamenti. Ho lavorato al frontend con un team engineering allineato a Mars, consegnando uno storefront production-grade, altamente personalizzato con GraphQL (Apollo), Material UI + Emotion, interazioni Framer Motion e logica dei componenti testata con MSW. Observability su Datadog e Pino, pipeline CI/CD, lavoro sui componenti guidato da Storybook e monitoraggio dei Core Web Vitals su Vercel + Fastly hanno reso questo uno dei build headless commerce più tecnicamente ambiziosi che ho consegnato.

Stack tecnologico

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

Personalizza la tua esperienza M&M'S

Rendi i tuoi eventi memorabili con caramelle M&M'S personalizzate. Esplora le opzioni di personalizzazione per regali, bomboniere e altro.

Visita il progetto