Add the Power of Algolia Search to your Cosmic JS Buckets


Cosmic JS Extensions make it possible to extend the functionality of Cosmic JS for both the developer and editor. Developers are given a canvas to create interactive views, connect to third-party APIs and customize the editor experience. Think of it as a controllable app within your Bucket.

You can now add the power of Algolia search to your Bucket. This new Extension enables you to sync your Cosmic JS Objects with Algolia, making your data searchable.  Set up automatic syncing to automatically add / edit / remove content from Algolia. Follow the simple steps below to install and setup your Algolia Search Extension. 


TL;DR:

Algolia Search Extension
Algolia Search Extension Codebase
Cosmic JS Extensions
Cosmic JS Extensions Documentation


Installing the Algolia Search Extension to your Cosmic JS Bucket


Navigate to Extensions in your left-hand navigation bar 


Click "Browse Extensions" to install Algolia Search


Install the Algolia Search Extension


Add your Algolia API keys in the Extension

Follow these steps:

  1. Login to your Algolia account
  2. Go to Your App > API Keys
  3. Copy and paste your API keys (Application ID and Admin API Key) into the Extension
  4. Sync manually with your Cosmic JS Bucket content, or set up Automatic Syncing to enable webhooks to automatically add records to Algolia.


Cosmic JS enables content managers and developers to work better together. By providing an intuitive Admin Dashboard, powerful APIs, and flexible user roles, applications are built faster, more light-weight, and your whole team saves time in the process.

Cosmic JS is an API-first cloud-based content management platform that makes it easy to manage applications and content. If you have questions about the Cosmic JS API, please reach out to the founders on Twitter or Slack.

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, we're going to build a digital shrine to the great musical artists of our time and to listening to music by album - the way great artists meant it to be listened to! In the process, you'll learn a little bit about Cosmic JS, React, CSS Grid, Flexbox, Material UI and Spotify's aweso
An easy way to add analytics dashboard in your cosmic bucket.
In this tutorial, I'm going to show you how to create a minimalistic but awesome single page app blog using Vue, Vuex, Vuetify, Cosmic JS and deploy it to Netlify.
A Content Modeling API can not only help with content publishing speed and ease, but also preserve the integrity of your application overall.
The content game is a competitive one, and teams of developers and content editors are being tasked with building light-weight content-powered applications that rank for the search terms they require.
One of the largest problems I’ve faced while working on projects is having to deal with integrating content and events into third-party services.It’s time consuming, and as the demands in the application in question grows, so does the mental strain in having to keep up to pace with all the changes