The new Cosmic dashboard is here!
Test drive it now →

Tony Spiro

tony
CEO @ Cosmic
  Cosmic

Add a headless CMS to Astro in 3 easy steps

In this guide, we’re going to create our content with Cosmic and retrieve it in our Astro project, allowing for quick and easy content creation and collaboration. The end result will be a clean and composable website that aces the lighthouse scores all across the board.
  article     

Simple Astro Blog

Fast Lighthouse scores Zero JavaScript loaded to the client- Ready to use, just update the environment variables and start creating.
  app     

Building React Components from headless CMS markdown

Using React Markdown, we’re going to create Custom React Components (in a Next.js application) using parsed markdown retrieved from a headless CMS.
  article     

How to use Next.js Preview Mode with the Cosmic headless CMS

Let’s explore how we can use Next.js Preview Mode with a headless CMS to preview draft content for ourselves and collaborators
  article     

Search and filter products using React Hooks and a headless CMS

Searching and filtering products is a common feature for websites and apps, especially e-commerce. In this article, we will discuss how to build a search and filter feature using React. The product data will be queried from a headless CMS (Cosmic) with the UI updated instantly.
  article     

How to use Next.js Image with a headless CMS

In this article we will explain how using Next.js Image with a headless CMS can automate optimizations for your website images across all devices and network speeds.
  article     

Creating a Developer Portfolio with Next.js and Cosmic

Let's build a beautiful Developer Portfolio with Next.js that uses Cosmic to showcase your projects and blog posts.
  article     

Developer Portfolio

Showcase your projects and write blog posts with this Cosmic powered developer portfolio template.
  app     

Build a digital art marketplace using Next.js, Cosmic, and Stripe

For this tutorial, I will show you how to build a marketplace app using Next.js, Cosmic, and Stripe. After we are done, you will be equipped with a foundation to build your own ideas and projects using these powerful, modern tools.
  article     

uNFT Marketplace

A digital art marketplace app powered by Next.js, Stripe, and Cosmic.
  app     

Fyre Starter

A marketing deck inspired by the one described in the Hulu documentary Fyre Fraud used to raise money for fraudulent business ventures.
   app     

Bitblog

Use this blog to monetize your content with crowd-sourced cryptocurrency mining. Think of it as an alternative to advertising.
   app     

Simple React Blog

This blog is built using React and Next.js. It connects to the Cosmic API via the Cosmic NPM module or the Cosmic GraphQL API. Install and manage your blog content from your Cosmic Bucket Dashboard.
   app     

Simple Blog

A simple blog for the traveler and story teller. Easily add and edit authors, create blog posts and assign categories. Deploy this app in minutes to begin documenting your journey.
   app     

Nuxt.js Website

Vue universal website built using the Nuxt.js framework. Code is shared between the client and server making development a breeze. Add Cosmic-powered content and you're taking your website to the Nuxt.js level.
   app     

WordPress Importer

Use this Extension to import WordPress posts into Cosmic.
  extension     

Unsplash Photos

Search and add Unsplash photos directly to your Cosmic Bucket
  extension     

Upload Media to Your Cosmic Bucket Using Multer

Upload media to your Cosmic Bucket using Multer.
   article     

From WordPress to JAMstack: How to make your website 10x faster

In this tutorial I'm going to show you how to use the WordPress importer to import posts directly into your Cosmic Bucket, and deploy a Cosmic-powered website that blows your old WordPress website away with optimization and performance.
   article     

Webinar Video: Localization with Gatsby and Cosmic 🌏

Thank you to everyone who joined us for our Halloween edition of our Wednesday Webinar series. In this presentation, we discussed making localization for websites less spooky using Gatsby and Cosmic.
   article     

3 Simple, but Powerful, Automation Webhooks

Our digital world is being built on top of API services. And Webhooks are the operators that enable these API services to communicate with each other.
   article     

Sending Emails with the SendGrid Function

We recently released Cosmic Functions (public beta). We're excited to help teams build amazing modern products together with new serverless solutions.
   article     

Component-based Website Development with React and the Cosmic CMS

In this tutorial I'm going to show you how to build a component-based website using Cosmic.
   article     

Build and Deploy a Serverless Node.js App powered by Cosmic

In this tutorial I'm going to show you how to get started with the Cosmic Serverless Starter and talk about how to transform any Node.js app into a Serverless app.
   article     

Install a Cosmic-powered Nuxt.js App on Digital Ocean in 5 minutes

Digital Ocean, a hosting provider beloved by developers, provides a highly intuitive interface for deploying and managing application infrastructure. In this tutorial I'm going to show you how to install and deploy a Cosmic-powered Nuxt.js app on Digital Ocean.
   article     

How we built the Story Licensing app using Next.js, Algolia and Cosmic

We recently built the Story Licensing application using some of the most powerful development tools available.
   article     

Netlify + Gatsby + Cosmic + Automatic builds with Webhooks

In this tutorial, I'll show you how to deploy your Gatsby Blog to Netlify and trigger automatic rebuilds on content edits using Cosmic Webhooks.
   article     

Cosmic Starter Apps Video Tour

In this tutorial, I show you how to get started with a Cosmic-powered app in matter of seconds. Starter apps are now available for Node.js, React, and Vue.js.
   article     

Quick Bucket setup code sample using the Cosmic NPM module

This is a quick example to show some of the powerful things you can do with the Cosmic NPM Module. This script will, add a Bucket to your Cosmic account, add an Object Type (Pages) and add a few Pages.
   article     

React VR Art Gallery App

React VR art gallery app codebase and demo video link.
   article     

VIDEO: Install and Deploy a GraphQL-powered App in 5 minutes using the Cosmic CLI

In this video tutorial, I show you how to use the Cosmic CLI to install and deploy a Cosmic GraphQL-powered App in 5 minutes.
   article     

How to Add Localization to Bucket Object Types

In this short walk-through, I show you how to add localization to your Cosmic Object Types.
   article     

Cosmic CLI Video Tour

In this video, Cosmic co-founder Tony Spiro takes you on a tour of the new Cosmic CLI which allows you to do all of the awesome things you can with the Cosmic API, from the comfort of your command line interface.
   article     

Bucket Lifecycle Methods

A brief run-down of Bucket lifecycle methods using the Cosmic NPM module. To get your authentication token, sign up and go to Your Account Settings > Authentication.
   article     

Cosmic NPM Module v3.0 Tour

In this video I take you on an exciting tour of the Cosmic NPM module version 3.0.
   article     

Video: How to Build a Cosmic Extension Using Create React App

In this tutorial I show you how to:1. Build a Cosmic Extension using Create React App2. Upload the Extension to your Cosmic BucketFor more info on Extensions visit https://cosmicjs.com/docs/extensions
   article     

How to Build a Simple Blog Using React and GraphQL

In this tutorial I’m going to show you how to create a simple blog using React and GraphQL. This is going to be the fastest and most light-weight blog you've ever built.
   article     

How to Add Dynamic Content to Your Next.js App

In this tutorial, Cosmic co-founder Tony Spiro shows you how to quickly and easily add dynamic content to your Next.js app.
   article     

Get started with Cosmic

Personal projects are free. Scale up as you grow.
Start building Talk to sales