Implement Algolia Search

[damassi]

From Algolia customer support:

---

Congratulations, your search is now ready! I've successfully configured the underlying crawler and it will now run every 24h.

You're now a few steps away from having it working on your website:

• Copy the following CSS/JS snippets and add them to your page

  <!-- at the end of the HEAD -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />

<!-- at the end of the BODY -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript"> docsearch({
apiKey: 'e4ea4437446d07b0549e0db7928d92d1',
indexName: 'artsy_palette',
inputSelector: '### REPLACE ME ####',
debug: false // Set debug to true if you want to inspect the dropdown
});
</script>

• Add a search input in your page if you don't have any yet. Then update the inputSelector value in JS snippet to a CSS selector that targets your search input field.
• Optionally customize the look and feel by following the DocSearch documentation (See https://community.algolia.com/docsearch/styling.html)
• You can also check your configuration in our GitHub repository (See https://github.com/algolia/docsearch-configs/blob/master/configs/artsy_palette.json).
• < @zephraph email address > can get access to the full Algolia analytics for your DocSearch index by creating an account, following this link: https://www.algolia.com/users/invitation/accept?invitation_token=XtnS5MqprMJxDEPaEY3G

Please open a pull request if want to leverage your configuration!

Feel free to get back to us if you have any issues or questions regarding the integration.

We'd also be happy to get your feedback and thoughts about DocSearch - so we can continue to improve it.

Have a nice day :)

---

@zephraph - would you mind logging into Algolia admin with your email (per the above) and updating to artsy@it?

[zephraph]

@damassi, done.

[pepopowitz]

I started looking into this. I found a Gatsby plugin to wire it up for us. It works great on initial page load, but once you start clicking around to different routes, it loses the ability to search. I found an issue that is kind of similar, but slightly different..but it does have a lead that I'm planning on investigating today.

[damassi]

I believe this is tied to component organization in Palette, rather than the plugin; on route change the sidebar is re-rendered. Lets pair if there are any issues.