21 October 2025
Announcement
The new Frontend study guide is now available, providing a structured roadmap for developers working with commercetools Frontend. This comprehensive guide covers the complete development lifecycle, from understanding core concepts to deploying production-ready applications.

The Frontend study guide includes:

  • Core foundations: architecture, development concepts, Frontend APIs, SDK overview, and Frontend Studio fundamentals.
  • Local development setup: CLI usage, project configuration, and environment management.
  • Component development: creating, configuring, and managing Frontend components, pages, templates, and media in the Studio.
  • Backend extensions: building data source extensions, dynamic pages, and action extensions with practical implementation examples.
  • Frontend APIs and SDK: comprehensive coverage of the Frontend SDK, integrations, event engine, and all Frontend APIs including context, page, preview, and action APIs.
  • Deployment and go-live: deployment workflows, continuous integration, pre-go-live checks, and administrator tasks.
  • Store launchpads: guidance for both B2C retail and B2B manufacturing store launchpads with sample data and testing approaches.
  • Integrations: out-of-the-box integrations with headless CMS platforms and third-party services like Algolia, Google Tag Manager, and more.
  • Troubleshooting and migration: debugging tools, SDK migrations, Node.js version updates, and Next.js migrations.

This guide is designed for both frontend and backend developers, as a mutual understanding of both domains is essential for effective collaboration and a cohesive view of the platform's architecture.

Access the Frontend study guide to start your learning journey.