使用Gatsby.js创建混合页面

时间:2018-07-13 02:56:42

标签: gatsby pwa

最近,我尝试使用Gatsby.js创建PWA。我原本打算拥有的

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

由于该页面的内容几乎是静态的,因此我可以轻松地创建主页。

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

我的问题是,我们如何才能以最佳方式思考如何使用盖茨比构建这类应用。

1 个答案:

答案 0 :(得分: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,这是一个很棒的工具。