时间戳

首页 > 解决方案 > 在 NextJS 中搜索的最佳方式

reactjs - 在 NextJS 中搜索的最佳方式

问题描述

我正在使用getServerSideProps返回 JSX 的函数。我正在使用 prisma 和 postgres。目前我正在使用带有查询的 router.push 进行搜索。路由器方法有点耗时。我想知道有没有更好的搜索方法？

标签： reactjsnext.js

解决方案

服务器端生成页面的 getServerSideProps 可能只对爬虫有用，因为 SSR 需要时间来加载。

我会推荐两种搜索方式。

（1）您可以继续使用getServerSideProps为domain/search?query=string直接访问您的用户返回搜索结果props，并为页面提供初始props。如果您有指向搜索结果的反向链接，爬虫也可以爬取此页面。

(2)在前端，对于已经加载了你的页面的用户，你应该使用你的 /api/ 端点（或创建一个 /api/）来返回结果，fetch而不是通过重新加载整个页面router.push

推荐阅读