【问题标题】:best way for searching in NextJS在 NextJS 中搜索的最佳方式
【发布时间】:2021-07-31 13:11:36
【问题描述】:

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

【问题讨论】:

    标签: reactjs next.js


    【解决方案1】:

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

    我会推荐两种搜索方式。

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

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

    【讨论】:

      猜你喜欢
      • 2010-10-12
      • 1970-01-01
      • 2018-11-20
      • 2010-10-17
      • 2010-11-26
      • 2019-07-12
      • 2013-03-13
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多