Outstanding Search Experiences with Remix and Algolia

A presentation at Remix Conf in May 2022 in Salt Lake City, UT, USA by Sarah Dayan

Slide 1

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

Slide 2

anyone?

Slide 3

Slide 4

Slide 5

Slide 6

But… Search is hard.

Slide 7

But… Search is hard. t a e Gr

Slide 8

Immediate feedback Relevant results

Slide 9

Immediate feedback Relevant results

Slide 10

Immediate feedback Relevant results

Slide 11

Slide 12

Slide 13

Slide 14

Slide 15

Slide 16

Slide 17

Slide 18

Slide 19

Slide 20

This is nice. Let’s do better.

Slide 21

Immediate feedback Relevant results

Slide 22

Slide 23

Slide 24

Slide 25

Slide 26

Slide 27

Slide 28

Slide 29

Slide 30

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

Slide 31

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

Slide 32

Slide 33

Without SSR With SSR

Slide 34

Slide 35

Slide 36

Immediate feedback Relevant results

Slide 37

Slide 38

Slide 39

Slide 40

Slide 41

Slide 42

Slide 43

Slide 44

Slide 45

Slide 46

Slide 47

tech < ux

Slide 48

Great tools enable outstanding experiences.

Slide 49

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