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


TL;DW

In this video I show you how to build a Cosmic JS 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 JS 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:

Was this article helpful?

Thank you! Your input helps us improve our articles and resources. If you have any other questions or comments, please contact support.

You may also like


In this tutorial I'll be showing you how I built a Vue.js app with Authentication using Cosmic JS and AWS Lambda prior to deploying to Netlify. Let's get started.
Creating a static React App without worrying about language boundaries
Eliminate the language barrier between you and the opinions of your customers
Exporting Cosmic JS-powered data to CSV is easy with this new extension 🚀
Build a documentation app in a afternoon leveraging the powered of Gatsby and Cosmic JS.
Here we build a progressive web app in React.js with the power of Cosmic JS. It respond with status 200 and carries data when you disconnected to internet and in Chrome browser (both mobile and desktop) it gives an option to install the app on home screen.