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. 打開拉請請求

（返回到頂部）