The new Cosmic dashboard is now available in private beta 🎉
Get it now →

Add the Power of Algolia Search to your Cosmic Buckets

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

Cosmic Extensions make it possible to extend the functionality of Cosmic 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 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 Extensions
Cosmic Extensions Documentation


Installing the Algolia Search Extension to your Cosmic 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 Bucket content, or set up Automatic Syncing to enable webhooks to automatically add records to Algolia.


Cosmic 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 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 API, please reach out to the founders on Twitter or Slack.

You may also like


Digital Ocean, a hosting provider beloved by developers, provides a highly intuitive interface for deploying and managing application infrastructure. In this tutorial I'm going to show you how to install and deploy a Cosmic-powered Nuxt.js app on Digital Ocean.
Todo List app built using Svelte that utilizes the power of Cosmic.
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. We will be using Cosmic npm package for saving and sorting the most popular searches in our application. Let's get started.
In this blog we'll quickstart a React Native Cross-Platform Blog using the Cosmic CLI. This app is three apps in one: Web, iOS and Android app all with content powered by Cosmic. Go to the GitHub repo to see the iOS and Android app share the same React Native codebase.
Creating a static React App without worrying about language boundaries
This is a quick example to show some of the powerful things you can do with the Cosmic NPM Module. This script will, add a Bucket to your Cosmic account, add an Object Type (Pages) and add a few Pages.

Get started with Cosmic

Personal projects are free. Scale up as you grow.
Start building Talk to sales