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


In this tutorial I'm going to demonstrate how to build a photography portfolio website using React, Styled-Components and Cosmic. Let's get started.
Now editors can use the new Unsplash Photos Extension to find and add stock photography to their media library, all from the comfort of their Bucket Dashboard without having to interface with a third-party website like Unsplash.
To demonstrate how easy it is to get started with Cosmic, we'll utilize the Cosmic CLI to quickstart a Vue.js Music App. This Music website was built using Vue, Nuxt and Cosmic. Users can upload and play tracks, upload and manage album art plus leave comments.
An application for book lovers to view a list of their favorite books.
In this walkthrough, I'm going to show you how I build a blog application in Go Lang. I'll also talk about styling it using Tailwind CSS and lastly, I'll show you how you can utilize GitHub Actions to deploy your Go-based applications to Heroku.

Get Started with Cosmic

Build personal projects for free. Add your team at unbeatable prices.
Start Building Talk to Sales