Use the Cosmic NPM package to query your blog&#39;s content and React to build a client side application. &nbsp;Cosmic allows content writers and developers to work simultaneously creating the best content and code.&nbsp;

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>.

React Blog

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

Start building today