real time full text search nextjs

Tigris ofrece una solución integrada de búsqueda de texto completo que le permite crear poderosas experiencias de búsqueda dentro de su aplicación. Utilizando la tecnología Typesense, este motor de búsqueda integrado elimina la necesidad de un sistema de búsqueda adicional, proporcionando una experiencia suave y escalable para su base de datos.

⚡ ️Tigris Aplicación de muestra en Next.js - Búsqueda en tiempo real

Esta aplicación está construida con Next.js y Tigris y proporciona una solución de pila completa. Los productos se almacenan y se recuperan de una base de datos Tigris que se mostrará a los clientes. Para mejorar la accesibilidad, integré una función de búsqueda en tiempo real con Tigris, lo que permite a los usuarios buscar rápidamente sus productos deseados.

Demostración del proyecto

Implementando la aplicación

Para implementar esta aplicación en sus cuentas Vercely y Netlify, necesitará una cuenta GitHub, Vercely, Netlify y Tigris. Una vez que tenga todas las cuentas, simplemente haga clic en los botones "Implementar" y siga las instrucciones para implementar la aplicación en sus cuentas.

Ejecutando Next.js Server y Tigris localmente

Requisitos previos

1. Regístrese en la consola Tigris
2. Node.js 14.6.0 o más nuevo
3. Se admiten macOS, Windows y Linux

Instrucciones

1. Clonar este repositorio en su computadora

git clone https://github.com/tigrisdata-community/realtime-search

2. Instalar dependencias

 cd realtime-search
npm install

3. Ejecute el servidor Next.js

npm run dev

Nota: Para que la aplicación funcione, primero debe crear un proyecto en la consola Tigris y luego copiar las credenciales generadas al archivo .env . Para obtener instrucciones sobre cómo hacer esto, consulte el tutorial adjunto.

? Todo hecho. Debería poder usar la aplicación en localhost:3000 en el navegador. ¿Siéntase libre de jugar o hacer un recorrido de código a continuación?

? Tutorial de código

Estructura de archivo

 ├── package.json
├── lib
│   ├── tigris.ts
├── db
│   └── models
│       └── store.ts
└── pages
    ├── index.tsx
    └── api
        └── store
            ├── index.ts
            └── search.ts

? Definición de esquema de Tigris

DB/Models/Store.ts: la aplicación tiene una sola colección products que almacena los productos en la tienda. Esta colección se crea/actualiza automáticamente por el script de configuración.

Rutas API de ❇️ para acceder a los datos en la recopilación de Tigris

Todas las rutas API de Next.js se definen en pages/api/ . Tenemos tres archivos que exponen puntos finales:

pages/api/store/index.ts

• GET /api/store para obtener una variedad de productos como matriz
• GET /api/items/search?q=query para encontrar y devolver productos que coincidan con la consulta dada

Siguientes pasos

Siéntase libre de agregar más funcionalidades o personalizar la aplicación para su caso de uso y obtener más información sobre la plataforma de datos de Tigris

? Que contribuye

Las contribuciones son las que hacen que la comunidad de código abierto sea un lugar tan increíble para aprender, inspirar y crear. Cualquier contribución que haga es muy apreciada .

Si tiene una sugerencia que lo mejore, desembolse el repositorio y cree una solicitud de extracción. También puede simplemente abrir un problema. ¡No olvides darle una estrella al proyecto! ¡Gracias de nuevo!

1. Bifurca el proyecto
2. Cree su rama de características ( git checkout -b feature/AmazingFeature )
3. Comprometer sus cambios ( git commit -m 'Add some AmazingFeature' )
4. Push to the Branch ( git push origin feature/AmazingFeature )
5. Abra una solicitud de extracción

(De vuelta a la cima)