以下是一个实际的例子

[rakibhasanbd4723]

我真的认为静态站点生成器（或者更确切地说是支撑它们的原理和技术）是未来的趋势。我很有可能错了，但对于任何使用过现代基于 npm 的自动化软件（如 Gulp 或 Webpack）来编写 CSS 或 JavaScript 的人来说，这种方法的强大功能和灵活性应该是显而易见的。我敢说，任何人都可以在实际项目中测试专业网络托管商Netlify提供的深度 Git 集成，并仍然认为 JAMstack 方法只是一时流行。


GitHub 上静态站点生成器的流行度，使用
JAMstack 设置对于我们讨论单页应用和预渲染的重要性应该是相当明显的。如果我们的静态网站生成器可以根据用 Liquid 或 Handlebars 编写的模板组装 HTML，为什么它不能对 JavaScript 做同样的事情呢？

有一种新型的静态网站生成器可以 VP 设施经理电子邮件列表 做到这一点。这些程序通常由 React 或 Vue.js 提供支持，允许开发人员使用尖端的 JavaScript 框架构建网站，并且可以轻松配置为输出 SEO 友好的静态 HTML，用于每个页面（或“路由”）。这些 HTML 文件中的每一个都是完全呈现的内容，可供人类和机器人使用，并可作为完整客户端应用程序（即单页应用程序）的入口点。这是 Google 所称的“混合渲染”的完美执行，尽管预渲染过程的精确性质使其与同构设置截然不同。

一个很好的例子是GatsbyJS，它内置于React和GraphQL中。我不会讲得太详细，但我鼓励读到这里的人看看他们的主页和出色的文档。它是一款得到良好支持的工具，学习曲线合理，社区活跃（9 月发布了功能丰富的 v2.0），基于插件的可扩展架构，与许多 CMS 的丰富集成，并且它允许开发人员使用 React 等现代框架而不会破坏他们的 SEO。还有基于VueJS 的Gridsome和React Static — 你猜对了 — 它使用 React。


Nike 最近发起的 Just Do It 活动利用了由 React 提供支持的静态站点生成器 GatsbyJS 并托管在 Netlify 上。

企业级采用这些平台的情况似乎会有所增长；耐克 (Nike) 将 GatsbyJS 用于其Just Do It活动，Airbnb 将 GatsbyJS 用于其工程网站airbnb.io，而博朗 (Braun)甚至将其用于支持一家大型电子商务网站。最后，我们在SEOmonitor的朋友将其用于支持他们的新网站。

但现在关于单页应用和 JavaScript 渲染的内容已经足够了。现在是时候探索 PWA 的两项关键技术中的第二项了。保证你会跟着我到最后（哈哈，书呆子笑话），因为现在是时候探索 Service Workers 了。