Skip to main content

M&M'S

Storefront global M&M'S direct-to-consumer sobre stack commercetools headless. Frontend Next.js, contenido Amplience, pagos Adyen, Core Web Vitals en producción.

E-commerce Headless
M&M'S

Visión general del proyecto

El storefront global direct-to-consumer de M&M'S. Una experiencia e-commerce headless y personalizada impulsada por Next.js, commercetools, Amplience y Adyen.

Sobre el proyecto

El storefront global mms.com direct-to-consumer corre sobre un stack composable, headless commerce: frontend Next.js y TypeScript, commercetools como motor de commerce, Amplience para contenido y Adyen para pagos. Trabajé en el frontend con un equipo de ingeniería alineado con Mars, entregando un storefront production-grade, altamente personalizado con GraphQL (Apollo), Material UI + Emotion, interacciones Framer Motion y lógica de componentes testeada con MSW. La observabilidad en Datadog y Pino, pipelines CI/CD, trabajo de componentes guiado por Storybook y monitorización de Core Web Vitals en Vercel + Fastly convirtieron esto en uno de los builds headless commerce más técnicamente ambiciosos que he entregado.

Stack tecnológico

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

Personaliza tu experiencia M&M'S

Haz tus eventos memorables con M&M'S personalizados. Explora opciones de personalización para regalos, recuerdos de fiesta y más.

Visitar proyecto