Community Articles Add the Power of Algolia Search to your Cosmic JS Buckets

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


I’m going to demonstrate how to get started integrating your Cosmic-powered content with your favorite third-party applications using Zapier.
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.
A website boilerplate satisfies some common website requirements including dynamic pages, blog articles, author management, SEO ability, contact form and website search.
When you're laser focused on writing songs, getting the most out of your studio time, and finding gigs, you can't be bothered with setting up a static site for your band or dealing with abstruse CMS systems.
Hi, In this tutorial, we are going to create an application that filters twitter tweets by selecting a specific location on the map. We are going to use React and Cosmic JS. We will be using Cosmic JS npm package for saving and sorting the most popular searches in our application. Let's get started.
An Object in Cosmic JS can be a page, a blog post, an author or anything you want it to be. Cosmic JS gives you the freedom to create and manage content openly and create your own data structure. Each Object allows for the creation of a title, slug, content and Metafields.

Ready to Get Started?

No payment info required.
Start Now   Contact Sales