This application showcases the use of Angular with Cosmic to create an ecommerce product listings website with personalization and filters using the power of Cosmic <a href="https://docs.cosmicjs.com/rest-api/objects.html#search-and-filter" rel="noopener noreferrer" target="_blank">Advanced Queries</a>.Read how it was built:<a href="https://www.cosmicjs.com/articles/build-an-ecommerce-product-filter-using-angular-and-cosmic" rel="noopener noreferrer" target="_blank"></a> <a href="https://www.cosmicjs.com/articles/build-a-headless-ecommerce-product-filter-using-angular-and-cosmic" rel="noopener noreferrer" target="_blank">Build a Headless Ecommerce Product Filter with Angular and Cosmic</a>

Ecommerce with Filters

This blog is built using React and Next.js. It connects to the Cosmic API via the <a href="https://www.npmjs.com/package/@cosmicjs/sdk" id="isPasted">Cosmic JavaScript SDK</a>. Install and manage your blog content from your Cosmic dashboard.

Simple Next.js Blog

A statically generated blog built with <a href="https://astro.build/" rel="noopener noreferrer">Astro</a>, Tailwind CSS, and Cosmic. Utilize the Cosmic headless CMS to store blog posts and media content. Features<ol><li>Fast Lighthouse scores</li><li>Zero JavaScript loaded to the client</li><li>Ready to use, just update the environment variables and start creating</li></ol>

Simple Astro Blog

This statically-generated developer portfolio is built with Next.js, Tailwind CSS, and Cosmic. Utilize the Cosmic headless CMS to store your projects, blog posts, and media content. <a href="https://www.cosmicjs.com/articles/creating-a-developer-portfolio-with-nextjs-and-cosmic" rel="noopener noreferrer">Read how this template was built</a>. Features:<ul><li>Light and dark modes</li><li>Preview mode for unpublished content</li><li>Next.js image optimization</li></ul>

Ecommerce with Filters

.css-9vqfqm{display:inline-block;white-space:pre;}.css-sanqhm{opacity:0;}Start building today

Start building today