how can you achieve this result with algolia

[rinorzek]

I need to build something similar to Netlify docs, https://docs.netlify.com/, and I wanted to know how would one structure the data to be able to find the section that the result was found. An example:
When you type anything in the search bar, it suggests the title of the page the result is in, but also in what section it is, that you can click and be scrolled down to.

[Haroenv]

You can use DocSearch to create this kind of interface, although most of the work is done when you crawl/index the page to also have the ids on the page indexed

[rinorzek]

I see that one of the items in the checklist is for the docs to be open source or technical blog, not commercial? but Netlify is using it thought 🤔

[Haroenv]

DocSearch can be ran on your own infrastructure as well, which I believe is what Netlify did here.

[shaneafsar]

@rinorzek We’ll get the checklist updated soon! If you’re interested, feel free to apply for DocSearch!

[rinorzek]

great, will see if I can run my own infrastructure since I need to get it done by this week, otherwise will happily apply, thanks a lot for the chance! :)

[rinorzek]

@Haroenv @shaneafsar I managed to get it to work, however what is interesting to me is how Netlify managed to style it in that way, where the search popup is more like a dropdown to the search, rather than having a modal on it's own. Is there a way to do this, I find the react package very limiting, you only give the env variables and the index name, other than that you just have classes for styling, which ofc are not enough to achieve something like that. Any ideas, thanks.