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 |