How to make Algolia work with Gatsby & Sanity

I was trying to figure out how to make Algolia works with Sanity + Gatsby, a quick google search returns only 2 posts:
I dont know if I could make it without a doc or tutorial but here is my progress so far. Will report back if I figured out or failed to break the wall:
https://github.com/ajmalafif/afif.dev/tree/search-with-algolia-afif-321

made some progress with this https://gist.github.com/ajmalafif/07c021359083a22d67d262dc6093db4c#file-algolia-queries-js

might want to try simply adding algolia plugin to Gatsby: https://www.gatsbyjs.com/docs/adding-search-with-algolia/
should be independent of the sources you are populating Gatsby with, since it’s statically generated

thanks

AllMdx

AllSanityPost

I went a very different route for this on the MarathonOil.com site. I shared some snippets here previously, but they might be gone due to the 10k message limit. In short, I used the Sanity webhooks to notify a serverless function wehn documents changed. On each invocation it fetches the relevant data from the changed documents, fetches related search index objects from Algolia, and then does simple comparison to see what changes need to be made to the index. Because Algolia works best with small objects and I wanted full text search, each “section” of the page is indexed individually but pointing to the page slug.
I prefer this approach for a few reasons.
1. Search results are more relevant for marketing oriented pages that might mention a number of different topics.
2. The index is updated within about 15 seconds of new content being published (even before it’s live, which does lead to edge cases where content and search results are out of sync by a few minutes, but also allows for content tagging without redeploying).
3. There are fewer Algolia API calls—which are relatively expensive—since I am not communicating with Algolia every time I restart my dev server or run a staging build.
4. Only devs making changes to the indexing function need write-access to Algolia via API, which helps prevent accidents or security incidents.

hi

i esp like that not only you achieved all those but its a full text search as well!

I checked my gist acct and didn’t see it, so I must have shared the genericized code directly, and unfortunately it was a fair bit of work to genericize.