将 Gatsby.js 用于动态和静态 Web 应用程序
Posted
技术标签:
【中文标题】将 Gatsby.js 用于动态和静态 Web 应用程序【英文标题】:Using Gatsby.js for dynamic and static web apps 【发布时间】:2019-12-28 16:02:40 【问题描述】:我正在从头开始为一家初创公司构建一个 Web 应用程序,并决定使用 react 和 graphQl 以 nodejs 作为我的后端来查询 mongodb。
Gatsby.js 似乎将 react、graphql 甚至 redux 与他们的框架捆绑在一起,许多有用的插件都支持该框架。因此,它似乎可以在客户端动态呈现内容,并且它还可以在客户端快速静态呈现站点。似乎非常适合我的用例......
本网站的某些功能需要在客户端动态和静态呈现内容...
在花时间研究 Gatsby.js 之前,我想知道它是否可行,或者练习使用 Gatsby.js 来混合静态和动态 Web 渲染。 他们有更好的框架或解决方案吗?或者这会起作用吗?
【问题讨论】:
【参考方案1】:Gatsby.js 似乎将 react、graphql 甚至 redux 与他们的框架捆绑在一起,许多有用的插件都支持该框架
Gatsby 是一个 React 框架,并在底层使用 GraphQL/Redux 等 - 你不能使用例如Redux 开箱即用,GraphQL 是查询 Gatsby 内容的数据层,而不是外部 API。希望能解决问题。
在花时间研究 Gatsby.js 之前,我想知道它是否可行,或者练习使用 Gatsby.js 进行静态和动态 Web 渲染的混合。
当然 :) 这就是 Gatsby 在客户端重新合成为功能齐全的 React 应用程序的原因 - 这样您就可以获取额外的 API 或在呈现的 html 之上执行动态操作。
您可能会感兴趣:https://www.gatsbyjs.org/blog/2018-11-07-gatsby-for-apps/
【讨论】:
以上是关于将 Gatsby.js 用于动态和静态 Web 应用程序的主要内容,如果未能解决你的问题,请参考以下文章
Gatsby:在页面上组合两个 graphql 源(.json 和 .jpg 源)