Dies ist eine Demo, die zeigt, wie Sie das Funktionssatz von TypenSense verwenden können, um nicht nur ein Sucherlebnis, sondern auch ein vollwertiges Produkt-Browsing-Erlebnis für einen E-Commerce-Geschäft zu erstellen.
Siehe es live hier: https://ecommerce-store.typense.org/
Die App wurde unter Verwendung des Artensense -Adapters für InstantSearch.js erstellt.
src/ und index.html - enthalten die Frontend UI -Komponenten.scripts/indexer - enthält das Skript, um die Buchdaten in Typensese zu indizieren.scripts/data - enthält eine kleine Stichprobenuntergruppe von Produkten. Um dieses Projekt lokal auszuführen, installieren Sie die Abhängigkeiten und führen Sie den lokalen Server aus:
npm install
npm run typesenseServer
ln -s .env.development .env
npm run indexer
npm startÖffnen Sie http: // localhost: 3000, um die App zu sehen.
Diese Demo wird auf Cloudflare -Seiten gehostet. Durch das Drücken zum Master wird automatisch eine Bereitstellung ausgelöst.
Der in diesem Showcase verwendete Datensatz stammt aus dem öffentlichen Satz von Algolien, der hier aufgeführt ist: https://github.com/algolia/datasets