JAMStack 是什么？2021 年每个开发者都必须知道！

我第一次听说Jamstack这个词是在去年年底。从那时起，我就一直在研究它，并对如何使用 Jamstack 搭建网站有了基本的了解。（实际上，我自己的网站就是用 Jamstack 更新和编写的。）

在这篇博文中，我收集了以下问题的答案

• 什么是 Jamstack？
• 使用 Jamstack 有什么好处？（也就是为什么要使用它）
• 如何开始使用 Jamstack？

如果您更喜欢视频而不是文字，我制作了该博客文章的视频，您可以在此处观看。

什么是 Jamstack？

Jamstack 这个名字来源于 JavaScript、API 和 Markup。它是一种旨在让 Web 更快、更安全、更易于扩展的架构。

这是通过使用预渲染和解耦来实现的。Jamstack 网站的前端在构建时预先构建并预渲染为高度优化的静态页面。市面上有很多流行的网站生成工具，例如Next.js、Gatsby和Eleventy等等。

这些页面可以通过 CDN 分发，无需传统的动态 Web 服务器。这使得网站速度更快、成本更低、扩展性更强。

这是来自jamstack.org的一张很棒的图表，比较了 Jamstack 网站和传统网站：

使用 Jamstack 有什么好处？

以下是 Jamstack 网站带来的一些好处。

表现

如今，用户的注意力持续时间非常短。网页哪怕只有一点点延迟，都很有可能失去用户。但对于 Jamstack 网站来说，这完全不是问题。由于 Jamstack 网站是托管在 CDN 上的静态网站，因此速度非常快。

Jamstack 网站不需要服务器在请求到达服务器后立即生成网站。由于网站在构建时已预先生成，服务器只需提供静态文件即可。因此，我们无需庞大、昂贵且复杂的服务器基础设施即可获得超高的性能。

安全

Jamstack 网站的攻击面相当小。由于我们只是将页面和资源以预生成文件的形式提供，因此允许只读托管，从而进一步减少了攻击面。

规模

如果流量激增，我们可以增加 CDN 流量来处理新的流量。即使流量激增，也不会拖慢 Jamstack 网站的速度。

您也无需自行为热门视图和资源添加任何缓存逻辑。如果您将网站托管在 CDN 上，Jamstack 默认提供此功能。

可维护性

由于 Jamstack 网站托管在 CDN 上，您几乎无需任何服务器维护任务。所有工作都在构建时完成，之后您可以从 CDN 为网站（静态文件）提供服务，因此您实际上不需要任何可能需要更新或其他维护的服务器。该网站非常稳定。

可移植性

Jamstack 网站已预先生成，易于托管。您可以使用任何类型的静态托管解决方案来托管您的网站。

开发人员体验

Jamstack 的开发者体验一流。Jamstack 运行速度快、使用体验愉悦，并且支持各种流行的现代工具和框架。这也确保了找到想要使用 Jamstack 的人才不会太难。

如何开始使用 Jamstack？

我建议使用网站生成器来创建你的第一个 Jamstack 网站。我个人使用过Next.js和Gatsby 。与 Gatsby 相比，Next.js 提供了更多功能。鉴于我对 Next.js 和 Gatsby 的经验有限，我更喜欢 Next.js。我自己的网站也使用了它。

所以如果你熟悉 JavaScript 和 React，我推荐你使用 Next.js。他们网站上有一个很棒的教程，教你如何实际搭建博客。

Next.js 还可以与Vercel完美集成，因此部署应用程序非常轻松。

结论

Jamstack 是一款非常棒且现代化的网站搭建工具。我肯定会在未来的项目中使用它。

如果您想开始使用 Jamstack，学习新技术的最佳方式莫过于使用它。所以，赶快用它创造一些东西吧！我推荐初学者参考 Next.js 博客教程。