real time full text search nextjs

Tigris提供了一个集成的全文搜索解决方案，可让您在应用程序中创建强大的搜索体验。利用类型义技术，这种嵌入式搜索引擎消除了对额外的搜索系统的需求，为您的数据库提供了平稳且可扩展的体验。

Next.js上的Tigris示例应用程序 - 实时搜索

此应用程序是由Next.js和Tigris构建的，并提供了全栈解决方案。从Tigris数据库中存储并检索产品，以向客户展示。为了提高可访问性，我将实时搜索功能与底格里斯（Tigris）集成在一起，使用户可以快速搜索其所需的产品。

项目演示

部署应用程序

要将此应用程序部署到您的Vercel和NetLify帐户中，您将需要一个GitHub，Vercel，Netlify和Tigris帐户。拥有所有帐户后，只需单击“部署”按钮，然后按照说明将应用程序部署到您的帐户。

在本地运行Next.js服务器和Tigris

先决条件

1. 在Tigris控制台上注册
2. Node.js 14.6.0或更新
3. 支持MacOS，Windows和Linux

指示

1. 克隆此存储库在您的计算机上

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

2. 安装依赖项

 cd realtime-search
npm install

3. 运行next.js服务器

npm run dev

注意：要使应用程序工作，您必须首先在Tigris控制台上创建一个项目，然后将生成的凭据复制到.env文件。有关如何执行此操作的说明，请参考随附的教程。

？一切都完成了。您应该能够在localhost:3000在浏览器中。随意玩耍还是接下来进行代码演练？

？代码演练

文件结构

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

？ Tigris模式定义

db/models/store.ts-该应用具有将产品存储在商店中的单个收集products 。该集合将通过设置脚本自动创建/更新。

❇️API路由访问Tigris Collection中数据

所有下一个。JSAPI路由是在pages/api/下定义的。我们有三个公开端点的文件：

pages/api/store/index.ts

• GET /api/store以获取一系列产品作为数组
• GET /api/items/search?q=query以查找和返回与给定查询匹配的产品

下一步

随意添加更多功能或为您的用例自定义应用程序，并了解有关Tigris数据平台的更多信息

？贡献

贡献是使开源社区成为学习，启发和创造的惊人场所的原因。您所做的任何贡献都非常感谢。

如果您有一个可以使情况变得更好的建议，请分配存储库并创建拉动请求。您也可以简单地打开一个问题。别忘了给项目一个明星！再次感谢！

1. 分叉项目
2. 创建您的功能分支（ git checkout -b feature/AmazingFeature ）
3. 提交您的更改（ git commit -m 'Add some AmazingFeature' ）
4. 推到分支机构（ git push origin feature/AmazingFeature ）
5. 打开拉请请求

（返回到顶部）