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


Website built using the Next.js Website Boilerplate. Fully responsive down to mobile, SEO ready, includes a contact form and full site search.
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.
Blazing fast blog built using React Static that utilizes the power of Cosmic JS.
In this tutorial I'm going to show you how to create a "Tutorials Portfolio" app using a Nuxt.js, and Cosmic JS.
We recently released Cosmic Functions (public beta). We're excited to help teams build amazing modern products together with new serverless solutions.
To demonstrate how easy it is to get started with Cosmic JS, we'll utilize the Cosmic JS CLI to quickstart an Angular Ecommerce App. This Angular ecommerce app allows you to process orders from customers and accept Stripe payments for goods and services. Manage inventory in the Cosmic JS Dashboard.