Live Demos
Here are some live demos, that show Searchkit used for different use cases.
Name | Code | Description |
---|---|---|
IMDB Movies | Code (opens in a new tab) | 5000 Popular IMDB movies |
Fashion Ecommerce | Code (opens in a new tab) | Fashion Ecommerce |
Geo Search | Code (opens in a new tab) | Geo Search Demo with Google Maps |
Autocomplete Demo | Code (opens in a new tab) | Autocomplete Demo for IMDB movies |
Server Rendered Next Demo with Routing | Code (opens in a new tab) | SSR rendered page with routing configured |
@searchkit/api example: Node transforming search state to Elasticsearch Query | Code (opens in a new tab) | Example using @searchkit/api to proxy search state through to Node Searchkit which talks to Elasticsearch directly. No need to expose your Elasticsearch API to the public. |
Camping Sites Search | Code (opens in a new tab) | Camping sites search example that uses nested fields and filters for availability search |
Video Tutorials
- Searchkit Intro Video with Instantsearch.js - https://www.youtube.com/watch?v=R6iYpEuCdVs (opens in a new tab)
- Searchkit Proxy - https://www.youtube.com/watch?v=8ztvn1-VZ_U (opens in a new tab)
CodeSandbox Demos
Here are some CodeSandbox demos, that can be used to play around with Searchkit.
Name | Description |
---|---|
IMDB Movies (opens in a new tab) | 5000 Popular IMDB movies, using Instantsearch.js |
IMDB Movies with Next.js (opens in a new tab) | 5000 Popular IMDB movies, using Next.js |
Nested Field Object Model Example (opens in a new tab) | Nested Fields Example |