在 NextJS 中搜索的最佳方式

Question

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

Answer 1

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

我会推荐两种搜索方式。

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

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

重新加载整个页面