Examples

The following examples show how to use Cosmic as a content management solution for common use cases. Use them as a starting point for your next project or as a way to learn Cosmic best practices.

Next.js Agency Website

Agency website template built using Cosmic's React components, Blocks. 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.

Simple Next.js Blog

A simple Next.js blog template built using the Next.js app directory. It connects to the Cosmic API via the Cosmic JavaScript SDK. Install and manage your blog content from your Cosmic dashboard.

Simple Astro Blog

This Astro blog template is built with Astro, Tailwind CSS, and Cosmic. Utilize the Cosmic headless CMS to store blog posts and media content.

Next.js ToDo App

A ToDo app example that demontrates how to use Cosmic create, read, update, and delete methods using the Cosmic JavaScript SDK and React Server Actions.

Message App

A message app that shows you how to add text and upload media to the Cosmic CMS using Next.js, the Cosmic JavaScript SDK, the File Upload Block, and React Server Actions.