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 can push data to the Algolia server using API or by manually using the dashboard. 

In this lesson, we learn how to manage dataset configuration and customise search behaviour using API or dashboard based on what attributes can be searched (such as name, description, etc).

## Using API
In order for Algolia to decide what data response (hits) to return to the user and the order of this response based on the query, we will need to set some configurations for Algolia to filter the index based on those configs and query.

To set the config for the dataset, we are going to use the `setSettings` method which creates the index settings, or updates if settings already exist. 

>**Note:** If specified settings already exist then they will be overridden. 

The `setSettings` method takes an options object as a parameter. You can find the supported settings [here](https://www.algolia.com/doc/api-reference/settings-api-parameters/).

The attributes used for these settings can be for searching, filtering, displaying, and so on.
```
index.setSettings({
   searchableAttributes: [
    'name',
    'category',
  ]
}).then(() => {
  // done
});
```

Given that Algolia is built to suggest results as you type, the order of attributes is important to decide which results to display first by order of importance, the most important being displayed first. 

The above `searchableAttributes` indicate that the results of the user search query will be based on name and category. 

In other words, we can customise how results get displayed based on `searchableAttributes` and other additional settings such as `attributesForFaceting` which are attributes used for filtering results (It will be discussed in more details in a later lesson).

```
index.setSettings({
   searchableAttributes: [
    'name',
    'category',
  ]
}).then(() => {
  // done
});
```
Here is an example response of what you get by executing the `setSettings` method, which includes the `taskID` and the date on which the indexing job has been created.
```
{ updatedAt: '2021-02-08T22:16:38.213Z', taskID: 92610454000 }
```



# Overview
In the previous lesson, we talked about how we can push data to the Algolia server using API or by manually using the dashboard. 

In this lesson, we learn how to manage dataset configuration and customise search behaviour using API or dashboard based on what attributes can be searched (such as name, description, etc).

# Using API
In order for Algolia to decide what data response (hits) to return to the user and the order of this response based on the query, we will need to set some configurations for Algolia to filter the index based on those configs and query.

To set the config for the dataset, we are going to use the `setSettings` method which creates the index settings, or updates if settings already exist. 

>**Note:** If specified settings already exist then they will be overridden. 

The `setSettings` method takes an options object as a parameter. You can find the supported settings [here](https://www.algolia.com/doc/api-reference/settings-api-parameters/).

The attributes used for these settings can be for searching, filtering, displaying, and so on.
```
index.setSettings({
   searchableAttributes: [
    'name',
    'category',
  ]
}).then(() => {
  // done
});
```

Given that Algolia is built to suggest results as you type, the order of attributes is important to decide which results to display first by order of importance, the most important being displayed first. 

The above `searchableAttributes` indicate that the results of the user search query will be based on name and category. 

In other words, we can customise how results get displayed based on `searchableAttributes` and other additional settings such as `attributesForFaceting` which are attributes used for filtering results (It will be discussed in more details in a later lesson).

```
index.setSettings({
   searchableAttributes: [
    'name',
    'category',
  ]
}).then(() => {
  // done
});
```
Here is an example response of what you get by executing the `setSettings` method, which includes the `taskID` and the date on which the indexing job has been created.
```
{ updatedAt: '2021-02-08T22:16:38.213Z', taskID: 92610454000 }
```



Learn how to manage dataset configuration before sending it to Algolia using API or dashboard. Additionally, interact with the sample code to practice customising and sending dataset using Aloglia's API.

Introduction to Algolia

Sending and Managing Data in Algolia

Step by Step Implementation

Extending Algolia's Widgets

Managing Data with Algolia

Overview

Using API