This Next.js blog template is built using the Next.js app directory (v13+). 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

Updated: Now includes the&nbsp;<a href="https://blocks.cosmicjs.com/blocks/ecommerce" rel="noopener noreferrer">Ecommerce Block</a> powered by Stripe. 🛒 Agency website template built using Cosmic&#39;s React components, <a id="isPasted" href="https://blocks.cosmicjs.com" rel="noopener noreferrer">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

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.

Simple Next.js Blog

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

Start building today