Jamstack开发

一、Jamstack官网

https://jamstack.org/

二、Jamstack介绍

Jamstack 是一种架构方法，可将 Web 体验层与数据和业务逻辑解耦，从而提高灵活性、可扩展性、性能和可维护性。

Jamstack 不再需要业务逻辑来决定 Web 体验。

它为 Web 提供了一个可组合的架构，其中自定义逻辑和第三方服务通过 API 来使用。

不过看了上面的介绍你还是搞不明白Jamstack到底是干什么的？那我就用通俗的语言来说吧：

Jamstack 是一套用于构建现代 Web 站点的技术栈，拥有高性能、安全性、易扩展的特性。

举个例子

当你要开发一个博客，在这之前你可能会使用 WordPress 去搭建你的博客站点，但与此同时，你也需要负责维护 WordPress 的服务与数据库等。

而如果你使用 Jamstack，你可以使用诸如 strapi 的 headless cms 服务(意为只提供 API 而不提供页面渲染)，用来存放你的文章数据，你在前端可以使用类似 Next.js 的框架去构造站点，通过请求 headless cms 的 Api 来渲染页面。

而在发布时，你将在构建时生成静态页面，并发布至 CDN。因为是静态页面，所以性能好，而托管至 CDN 意味着该页面是只读的，安全性高，且 CDN 是全球部署的话，那么页面也能实现全球部署，拓展性非常好。

三、Jamstack的优势

（一）传统网站的痛点

• 复杂的应用程序和复杂的服务器
• 传统的网站实际上是一个必须始终在网络服务器上运行的程序。
• 以这种方式运行网站会不必要地减慢速度，提供太多的攻击机会，并且扩展成本高昂。

（二）Jamstack的优势

• 更快的网站
  通过预渲染和全球交付来优化您的网站。
• 更安全的基础设施
  根据设计，Jamstack 架构提供的攻击点更少。
• 高规模但不高复杂性
  在边缘提供服务的预渲染前端本质上是可扩展的。
• 改善开发者体验
  通过更高效的开发和部署周期更快地启动。

四、是如何工作的？

（一）前端与后端解耦

与大型遗留应用程序不同，Jamstack 项目将前端页面和 UI 与后端应用程序和数据库巧妙地分开。 前端摆脱了后端服务器的束缚，可以在全球范围内直接部署到 CDN。

（二）预构建所有页面以提高速度

在部署之前，整个前端被预先构建成高度优化的静态页面和资产。 这发生在构建过程中（在部署/托管之前）。

（三）通过 API 的动态内容

全局前端使用 JavaScript 和 API 与后端服务对话，从而增强页面和个性化页面。

四、Jamstack的不足之处

Jamstack 对某些人的主要缺点是它对另一些人的优势。 构建网站的更传统方法（例如 WordPress）不需要您考虑前端和后端。 整个解决方案配有用户界面和内容管理系统，最终为渲染的网站提供服务。

另一方面，使用 Jamstack，您需要多种工具和服务才能实现相同的结果。 您还需要分别考虑前端和后端，因为它们将是解耦的。 由于 Web 项目的许多部分都是解耦的，因此对于不懂技术的用户来说，使用 Jamstack 架构管理和构建网站可能会更加复杂。 例如，虽然我可以使用 Next.js 创建应用程序的前端，但我需要选择另一个解决方案来进行用户和内容管理。