Introducing Nuxt-Orama
Table of contents
A while back, I came across numerous Reddit posts where individuals were encountering difficulties with in-memory search using OramaSearch in conjunction with Nuxt3. Despite several discussions, newcomers continued to face challenges. Recognizing the need for a comprehensive solution, I took the initiative to develop and open-source a library that simplifies the integration with OramaSearch. Allow me to introduce "nuxt-orama."
Demo: (Explore in Playground)
Key Features:
Easy Configuration: Setting up nuxt-orama is exceptionally straightforward.
Global OramaInstance Access: Gain easy access to the Orama instance throughout your application.
Convenient Composables: Utilize handy composables like
useOramaSearch()
anduseOramaInstance()
for seamless integration.Reactive Search Results: Enjoy the benefits of reactive search results population, eliminating the need for
watch()
andwatchEffect()
.
Addressed Challenges:
Instant Indexing: No more waiting for instance initialization on the frontend before adding items to the index.
Promise-Free Searching: Eliminate the need to resolve promises while searching and adding items to the index.
First Query Reliability: Resolve the common issue where the first query fails because the search function is triggered before the index is built.
With nuxt-orama, I aim to simplify the process for everyone dealing with OramaSearch in a Nuxt3 project. Feel free to explore the library and streamline your in-memory search experiences.
Star the GitHub repository if you found this interesting.
Subscribe to my newsletter
Read articles from Aman Desai directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by
Aman Desai
Aman Desai
Nuxt-head, writing code everyday and sharing it with world, one string at a time