# 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
[![Example Screenshot](https://imgix.cosmicjs.com/69313380-b156-11ee-9844-f9a09795e2a3-desktop.png?w=1200&auto=format,compression)](https://www.cosmicjs.com/templates/agency)
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.
### Links
- [Install this template](https://www.cosmicjs.com/templates/agency)
- [View demo](https://cosmic-agency-template.vercel.app/)
---
## Simple Next.js Blog
[![Example Screenshot](https://imgix.cosmicjs.com/27513630-ff00-11ed-9b95-a751e8cba36f-next.png?w=1200&auto=format,compression)](https://www.cosmicjs.com/templates/simple-nextjs-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.
### Links
- [Install this template](https://www.cosmicjs.com/templates/simple-nextjs-blog)
- [View demo](https://cosmic-nextjs-blog.vercel.app/)
---
## Simple Astro Blog
[![Example Screenshot](https://imgix.cosmicjs.com/09b8f1f0-f00d-11ed-985a-3383d9405b5e-astro.png)](https://www.cosmicjs.com/templates/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.
### Links
- [Install this template](https://www.cosmicjs.com/templates/simple-astro-blog)
- [View demo](https://simple-astro-blog.vercel.app)
---
## Next.js ToDo App
[![Example Screenshot](https://imgix.cosmicjs.com/f082fc30-16c1-11ef-9eca-7d347081a9fb-CleanShot-2024-05-20-at-08.58.322x.png)](https://github.com/cosmicjs/cosmic-next-todo)
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.
### Links
- [Download this example](https://github.com/cosmicjs/cosmic-next-todo)
- [View demo](https://cosmic-next-todo.vercel.app)
---
## 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](https://www.npmjs.com/package/@cosmicjs/sdk), the [File Upload Block](https://blocks.cosmicjs.com/blocks/file-upload), and React Server Actions.
### Links
- [Download this example](https://github.com/cosmicjs/cosmic-message-app)
- [View demo](https://cosmic-message-app.vercel.app/)