REACT_APP_ALGOLIA_INDEX

REACT_APP_ALGOLIA_API_SEARCH_KEY

Algolia's Search-Only API key for frontend

REACT_APP_ALOGLIA_APP_ID

REACT_APP_ALGOLIA_API_KEY

Algolia's Api key for backend used to create/update/delete records

Gain insights into how Algolia API works, explore building search experiences, and discover extending widgets to create a tailored, fast search in your application.

react.tar.gz

Sending Data To Algolia

Run React APP

Run React APP - SearchBox

Run React APP - Extending Algolia

In this course, you will learn how the Algolia API works by understanding its main components. The end goal is for you to be able to integrate Algolia into your application to deliver tailored, fast search experiences.

In the first half, you will learn how to build a full search experience using Algolia's search API and by utilizing Algolia's InstantSearch library. In the second half, you will learn how to extend Algolia's widgets by building a custom search experience.

By the end of this course, you will have gained hands-on experience by building a fully functional search experience using Algolia.

Getting Started with Algolia API

Which Algolia ***method*** is used to send data to our Algolia server in the backend?

Which Algolia method is used to send data to our Algolia server in the backend?

Setting `autoGenerateObjectIDIfNotExist` to false will throw an error when indexing to Algolia.

Setting <code>autoGenerateObjectIDIfNotExist</code> to false will throw an error when indexing to Algolia.

Add the attribute to ***Attributes for faceting*** using API or Algolia dashboard.

To create a filter for refining search, we must include:

To create a filter for refining search, we must include:

To create, update, and delete indices in the backend.

To generate a restrictive key with certain rights to create, update, and delete indices.

To use it for search queries in the frontend.

What should you use the ***Admin API key*** for?

What should you use the Admin API key for?

Wanting to change the output rendering of the Component instead of the predefined DOM output that might not be sufficient based on the requirement.

Each Algolia component has a connector and vice versa.

Connectors are the API implementation of the business logic, and Components are the API rendering output.

Which of the following is correct when it comes to extending widgets? 

Which of the following is correct when it comes to extending widgets?

Check your understanding of Algolia concepts covered so far.

Introduction to Algolia

Sending and Managing Data in Algolia

Step by Step Implementation

Extending Algolia's Widgets

Test Yourself on Algolia API