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

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>

Developer Portfolio

Now updated to connect to the new dashboard and <a href="https://www.npmjs.com/package/@cosmicjs/sdk">Cosmic JavaScript SDK</a>! A digital art marketplace app powered by Next.js, Stripe, and Cosmic. <a href="https://www.cosmicjs.com/blog/4-steps-to-update-the-nextjs-marketplace-template">Read about the updates</a>.

Cosmic React Blog

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

Start building today