# 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 (opens new window)

# Key Highlights

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

← E-Commerce Storefront with Next.js Songs Search →

This documentation site is open source. Found an issue? Edit this page (opens new window) and send us a Pull Request.

For AI Agents: View an easy-to-parse, token-efficient Markdown version of this page. You can also replace .html with .md in any docs URL. For paths ending in /, append README.md to the path.

Last Updated: 10/18/2024, 8:16:09 AM