UPDATE This example is outdated. It is recommended that you install a <a href="https://www.cosmicjs.com/apps?languages=React">more current React example</a>.A clean, minimalist, content-first Blog powered by Cosmic.A settings modal allows readers to change between &#39;day&#39; or &#39;night&#39; mode and change the font size to their choosing. Looks great on mobile or desktop.

Cosmic React Blog

✨ NEW: 👤 User management powered by the User Management Block✨ NEW: ✉️ Contact form powered by the Contact Form Block Agency website template built using Cosmic&#39;s React components, <a rel="noopener noreferrer" href="https://blocks.cosmicjs.com" id="isPasted">Blocks</a>. Use this template as a starting point for your next project and learn how Blocks can be used to build content powered features for your website or app.

Agency Website

A podcast network website powered by Cosmic and Next.js. Built using <a id="isPasted" href="https://blocks.cosmicjs.com" rel="noopener noreferrer">Blocks</a>. Use this template as a starting point to build your next podcast and to learn how to use Cosmic to power dynamic content for your websites and apps.

Podcast Network

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

Simple Next.js Blog

This Astro blog template is built with <a rel="noopener noreferrer" href="https://astro.build/">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>

Developer Portfolio

A digital art marketplace app powered by Next.js, Stripe, and Cosmic.

Cosmic React Blog

Start building today