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


Grab and save content from any website to your Cosmic JS Bucket.
In this blog we'll quickstart a React Native Cross-Platform Blog using the Cosmic JS CLI. This app is three apps in one: Web, iOS and Android app all with content powered by Cosmic JS. Go to the GitHub repo to see the iOS and Android app share the same React Native codebase.
Cosmic JS empowers developers and content editors by giving them the tools they need to accomplish their jobs in concert with one another.
Metadata is extremely important for SEO as it speaks to search engines directly from each page crawled, to communicate important information or request a specific action from the search engine. Cosmic JS provides an easy modal to manage media metadata.
Filtering data is one of the most common feature of any data facing application, wheather it's a fron-end app or a back-end application. The Filter function is used to find records in a table or a dataset that meets certain criteria.
Cosmic JS allows you to easily create nested structures and upload media files. We learn how nested structures are built and how you can fetch such data from Cosmic JS API to use in a simple music site app.