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

# Overview
In the previous lesson, we talked about how we manage the dataset configs and customise them based on the requirement using the API or dashboard. 

In this lesson, we will be talking about how we can manage our data and control the ranking (sorting) of that data by using the `customRanking` parameter.

The `customRanking` parameter specifies the custom ranking criteria. This parameter can be used inside the `setSettings` method in the API or directly in the dashboard. 

# Using API

In order for Algolia to customise the ranking of the search based on our requirement, we need to set it using the `setSettings` method, which accepts an array of strings. Each string must follow this syntax: `asc(${attribute})` or `decs(${attribute})`, which will sort the ranking of hits by increasing or decreasing the value of the attribute passed. 

```jsx
index.setSettings({
  customRanking: [
    'desc(price)',
  ]
});
```


# Overview
In the previous lesson, we talked about how we manage the dataset configs and customise them based on the requirement using the API or dashboard. 

In this lesson, we will be talking about how we can manage our data and control the ranking (sorting) of that data by using the `customRanking` parameter.

The `customRanking` parameter specifies the custom ranking criteria. This parameter can be used inside the `setSettings` method in the API or directly in the dashboard. 

# Using API

In order for Algolia to customise the ranking of the search based on our requirement, we need to set it using the `setSettings` method, which accepts an array of strings. Each string must follow this syntax: `asc(＄{attribute})` or `decs(＄{attribute})`, which will sort the ranking of hits by increasing or decreasing the value of the attribute passed. 

```jsx
index.setSettings({
  customRanking: [
    'desc(price)',
  ]
});
```


Learn how to manage results' ranking based on certain attributes using the API or dashboard. Additionally, interact with the sample code to practice customising the ranking before sending the dataset using Aloglia's API.

Introduction to Algolia

Sending and Managing Data in Algolia

Step by Step Implementation

Extending Algolia's Widgets

Managing Data by Adding Custom Ranking to Our Search Results

Overview