real time full text search nextjs

A Tigris oferece uma solução de pesquisa de texto completo integrado que permite criar experiências de pesquisa poderosas em seu aplicativo. Utilizando a tecnologia TyeSense, este mecanismo de pesquisa incorporado elimina a necessidade de um sistema de pesquisa adicional, fornecendo uma experiência suave e escalável para o seu banco de dados.

App App ⚡ ️Tigris Sample On Next.JS - Pesquisa em tempo real

Este aplicativo foi criado com o Next.js e Tigris e fornece uma solução de pilha completa. Os produtos são armazenados e recuperados a partir de um banco de dados do Tigris a serem exibidos para os clientes. Para melhorar a acessibilidade, integrei um recurso de pesquisa em tempo real com o Tigris, permitindo que os usuários pesquisem rapidamente os produtos desejados.

Demonstração do projeto

Implantando o aplicativo

Para implantar este aplicativo em suas contas vercel e netlify, você precisará de uma conta Github, Vercel, Netlify e Tigris. Depois de ter todas as contas, basta clicar nos botões "implantar" e seguir as instruções para implantar o aplicativo em suas contas.

Running Next.js Server & Tigris localmente

Pré -requisitos

1. Inscreva -se no console do Tigre
2. Node.js 14.6.0 ou mais recente
3. MacOS, Windows e Linux são suportados

Instruções

1. Clone este repositório em seu computador

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

2. Instalar dependências

 cd realtime-search
npm install

3. Execute o próximo.js servidor

npm run dev

NOTA: Para que o aplicativo funcione, você deve primeiro criar um projeto no console do Tigre e, em seguida, copiar as credenciais geradas para o arquivo .env . Para obter instruções sobre como fazer isso, consulte o tutorial que o acompanha ..

? Tudo feito. Você deve usar o aplicativo no localhost:3000 no navegador. Sinta-se à vontade para brincar ou fazer uma caminhada de código a seguir?

? Código passo a passo

Estrutura de arquivo

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

? Definição do Esquema Tigre

DB/Models/Store.ts - O aplicativo possui um único products de coleção que armazena os produtos na loja. Esta coleção é criada/atualizada automaticamente pelo script de configuração.

Rotas Rotas de API para acessar dados na coleção Tigre

Todas as rotas da API em Next.js são definidas em pages/api/ . Temos três arquivos expondo pontos de extremidade:

pages/api/store/index.ts

• GET /api/store para obter uma variedade de produtos como matriz
• GET /api/items/search?q=query para encontrar e retornar produtos que correspondam à consulta fornecida

PRÓXIMOS PASSOS

Sinta-se à vontade para adicionar mais funcionalidades ou personalizar o aplicativo para o seu caso de uso e saber mais sobre a plataforma de dados do Tigre

? Contribuindo

As contribuições são o que tornam a comunidade de código aberto um lugar tão incrível para aprender, inspirar e criar. Quaisquer contribuições que você faz são muito apreciadas .

Se você tiver uma sugestão que melhoraria isso, bifór -l e crie uma solicitação de tração. Você também pode simplesmente abrir um problema. Não se esqueça de dar uma estrela ao projeto! Obrigado novamente!

1. Bifurcar o projeto
2. Crie seu ramo de recursos ( git checkout -b feature/AmazingFeature )
3. Comprometa suas mudanças ( git commit -m 'Add some AmazingFeature' )
4. Empurre para o ramo ( git push origin feature/AmazingFeature )
5. Abra um pedido de tração

(de volta ao topo)