Skip to content

Next.js App Router SSR on Steam Games ​

This site showcases how to use Typesense with Next.js' App Router along with React InstantSearch for server-side rendering on a Steam games dataset.

Source Code

Key Highlights ​

  • Here's how to use the InstantSearchNext component from react-instantsearch-nextjs to render the search UI on the server.
  • Here's how to create the corresponding facet menus for your facettable fields.
  • Here's how to use a custom double-sided range slider for applying range-based filters.
  • Here's how to use the DynamicWidgets component in React InstantSearch.
  • Here's how to build a custom CurrentRefinements component in React InstantSearch.