Including search on all pages

Hi there,

I can across this site in an Algolia blog post somewhere: https://appapp.io/gb and it uses Algolia search. I was wondering how to achieve something similar where the search results replace whatever the content on the page is. Is this is a feature that is built into Algolia api or do I need something else to achieve this?

Thanks

Hi there,

The search-as-you-type experience can be implemented using one of the libraries of the InstantSearch family: InstantSearch.js, react-instantsearch or vue-instantsearch.

For moving from a centered search bar to a full search screen, it requires a little bit of javascript. For example, with InstantSearch.js, you can use the render event which will be triggered when the page is rendered. At this point your can just display the whole search UI.

Hi, Thanks for your reply.

I sorta meant for example when you are on this page https://appapp.io/gb/app/bible/282935706 and then you initiate a search, as soon as you start typing it changes the uri to / instead of /app so the page content changes but the thing that’s been typed remains in the input. I’m guessing this is also done with the render event? But I need to read more into the events either way…

Thanks