Netlify + Algolia = I get nothing

support
2

I decided to take some time off and then come back refreshed. When I got back, I searched some more and found that Algolia recommends this particular script for Netlify:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify-frontend@1/dist/algoliasearchNetlify.css" />
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify-frontend@1/dist/algoliasearchNetlify.js"></script>
<script type="text/javascript">
  algoliasearchNetlify({
    appId: '<YOUR_ALGOLIA_APP_ID>',
    apiKey: '<YOUR_ALGOLIA_API_KEY>',
    siteId: '<YOUR_NETLIFY_SITE_ID>',
    branch: '<YOUR_TARGET_GIT_BRANCH>',
    selector: 'div#search',
  });
</script>

Substituting this script for the other one caused the search bar to show up and work properly. Now I simply need to configure the options I need.

I hope this might help someone else who is trying to use Netlify and Algolia in the future. In reality, it is pretty easy to do – once you find the key to the kingdom. :slight_smile:

Regards to all,
Brian

3 Likes