Outstanding Search Experiences with Remix and Algolia

Outstanding Search Experiences with Remix and Algolia Sarah Dayan—Remix Conference 2022

anyone?

But… Search is hard.

But… Search is hard. t a e Gr

Immediate feedback Relevant results

This is nice. Let’s do better.

Immediate feedback Relevant results

export async function loader() { const data = await somethingToFetchOnTheServer(); return { data }; }; export default function Route() { const { data } = useLoaderData(); return <p>{data.name}</p>; }

import { InstantSearchSSRProvider } from ‘react-instantsearch-hooks-web’; import { getServerState } from ‘react-instantsearch-hooks-server’;

Without SSR With SSR

Immediate feedback Relevant results

tech < ux

Great tools enable outstanding experiences.

@algolia @frontstuff_io Demo site algolia.com sarahdayan.com bit.ly/3LAOWV1 We are Front End Experiences @ Algolia ❤