# Build product detail pages

Learn how Composable Commerce empowers you to build robust, localized, and high-performing product detail pages.

**Learning objectives**

After completing this module, you should be able to:

- Retrieve product data using various query methods, such as ID, key, and slug.
- Implement localization, price selection, and inventory filtering.
- Build dynamic product detail page features, such as variant switching and category breadcrumbs.
- Integrate high-quality media, customer reviews, and recommendations.
- Apply effective caching and error handling strategies.

**Agenda**

1. [Understand the Product Projections API](/learning-implement-product-discovery-and-presentation/build-product-detail-pages/understand-the-product-projection-api.md)
2. [Fetch Product data](/learning-implement-product-discovery-and-presentation/build-product-detail-pages/fetch-product-data.md)
3. [Fetch contextual data](/learning-implement-product-discovery-and-presentation/build-product-detail-pages/fetch-contextual-data.md)
4. [Use variant switching and media](/learning-implement-product-discovery-and-presentation/build-product-detail-pages/use-variant-switching-and-media.md)
5. [Implement page enhancements](/learning-implement-product-discovery-and-presentation/build-product-detail-pages/implement-page-enhancements.md)
6. [Learning check](/learning-implement-product-discovery-and-presentation/build-product-detail-pages/learning-check.md)

**Prerequisites**

- [Developer Essentials ](/learning-composable-commerce-developer-essentials) learning path
- Familiarity with Node.js/NestJS/Express.js

**Audience**

- Backend and frontend developers working on product detail pages with Composable Commerce.

## Related pages

- [Area overview page with navigation](/learning-implement-product-discovery-and-presentation.md)
- [Next page: Understand the Product Projections API](/learning-implement-product-discovery-and-presentation/build-product-detail-pages/understand-the-product-projection-api.md)