将 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.js 搭建静态博客黑暗模式

Gatsby - 加载(静态查询)白屏

Gatsby.js 和 redux-promise 中间件

Gatsby:在页面上组合两个 graphql 源(.json 和 .jpg 源)

如何获取站点地图 Gatsby 的静态文件的更新/lastmod 值

使用 gatsby 以编程方式导航到动态 url