{"repo":"aymeric-giraudet/svelte-algolia-instantsearch","free":true,"listed":false,"github":"https://github.com/aymeric-giraudet/svelte-algolia-instantsearch","clone":"git clone https://github.com/aymeric-giraudet/svelte-algolia-instantsearch.git","description":"A Svelte component library for Algolia InstantSearch.js","language":"Svelte","stars":54,"topics":["algolia","instantsearch","instantsearch-js","instantsearchjs","ssr","svelte","svelte-kit","sveltejs","sveltekit"],"license":"MIT","category":"ui-components","readme_excerpt":"svelte-algolia-instantsearch This library is a community developed wrapper around instantsearch.js for Svelte. It is not affiliated nor backed by Algolia. It is meant to be an equivalent of react-instantsearch-hooks-web for Svelte, exposing a similar API. [!IMPORTANT] This library only works with SvelteKit . It is now the default when you bootstrap a Svelte project. Installation Basic usage Compatibility with SvelteKit SSR Warning If you are using pnpm as a package manager, please check this issue if you have an error while running your dev script If you want your page to be fully rendered on the server, which is great for SEO, simply add a +page.server.js file next to your +page.svelte file, which should contain the following lines : Now you can check in your network tab that the page containing hits and facets is fully rendered on the server 😁 API connect The most important part of this library is the connect function, which creates and adds a widget to the InstantSearch instance, and returns a Svelte readable store. Here's an example of how you can use it to build your own components : Components It's still a work in progress, but you can use some pre-made components to build your search UI : - [X] Breadcrumb - [x] Configure - [x] ClearRefinements - [X] CurrentRefinements - [ ] DynamicWidgets - [X] HierarchicalMenu - [x] Highlight - [x] Hits - [x] HitsPerPage - [x] Index - [x] InfiniteHits - [X] Menu - [x] Pagination - [x] PoweredBy - [X] RangeInput - [x] RefinementList -","default_branch":null,"files":null,"tree":[],"storefront":"/r/aymeric-giraudet","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/aymeric-giraudet/svelte-algolia-instantsearch/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}