1

最近我探索了使用 Gatsby.js 创建一个 PWA。我打算拥有

  1. 主页
  2. 产品列表页面
  3. 产品展示页面

我可以很容易地做一个主页,因为这个页面的内容几乎是静态的。

我有左侧有过滤器的产品列表页面。一旦我选择了过滤器,过滤后的产品列表将通过点击 shopify API 来显示。我觉得 Gatsby 使用他们的 GraphQL 层无法做到这一点,因为它在构建时获取数据并且它不能处理实时数据。所以我相信我应该只从 React 获取数据并从那里管理应用程序。同样,我有一个很难构建的分页,因为每次进入下一页时它都必须提出请求。

我的问题是我们如何以最佳方式思考使用 gatsby 构建这类应用程序。

4

1 回答 1

0

相当广泛的问题,IMO 加上没有代码或应用程序/文件架构的想法或计划布局?我无法为您布置整个架构、开发运营和设计。但是我已经构建了一个处理相对相似环境的应用程序。

使用 CI/CD 实践和可靠的 CMS 作为数据源,gatsby-source-contentful最重要的是lambda这是你最好的朋友。

考虑一些花哨的文件结构,在 中创建自定义构建命令package.json

例子:build": "gatsby build && netlify-lambda build lambda-src"

这样通常的 gatsby src 文件和 lambda src 文件是分开的。这是一个很棒的工具,对于这个项目https://github.com/netlify/netlify-lambda#readme

于 2018-07-13T05:18:10.613 回答