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

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

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

TL;DW

In this video I show you how to build a Cosmic Extension using Create React App.  Extensions offer a lot of power and flexibility.  With Extensions you can display your Bucket's contents with a custom UI, connect to third party APIs, and more.

For the Extension we are building in this video, we will be able to view a random cat in our Cosmic Bucket.  How is this specific Extension useful?  It's not (unless having a cat in your Bucket really makes your day)... BUT you can see how Extensions give you a lot of power and freedom to extend your Dashboard functionality.

To install a useful Extension to your Bucket in one click, go the the Extensions page, or view the docs for more info on how to create your own.

And if you really need an emergency cat in your Bucket, here's the Extension for download:

build.zip

And the code:

You may also like


With so many choices for which technology to use when building a website, it can get overwhelming.
In this Guide, I’m going to show you how Imgix Extension will provide optimized images for your application. Will also talk about the benefits, and show you how to install it to your Bucket in a few clicks.
Publish Blog Articles to a clean and simple UI with Apollo Blog, powered by Apollo Graphql client and Cosmic.
In this blog we'll quickstart a React ToDo App using the Cosmic CLI. This is a simple todo application that consumes the Cosmic API and is built using React, Redux, Node.js and Webpack.
The beauty of using a static site generator is that your backend can be completely separate. In this video, I switch from markdown files to Cosmic!

Get Started with Cosmic

Build personal projects for free. Add your team at unbeatable prices.
Start Building Talk to Sales