我相信你已经遇到这个词JAMstack之前,但你可能没有理解它真正的意思。我以前见过这个词也可不在乎,直到检查出来Egwuenu礼物有组织的JAMstack拉各斯。然后我意识到,我已经被构建JAMstack应用程序。

JAMstack是现代web开发架构。它不是一个编程语言或任何形式的工具。它更多的是一种web开发实践旨在执行更好的性能,高安全、低成本的比例,和更好的开发体验。

在本文中,我将向您介绍JAMstack意味着什么,为什么你要照顾,最佳实践,以及如何开始。

介绍

根据官方JAMstack文档,

JAMstack是一个现代的基于客户端JavaScript web开发架构,可重复使用的api,和预构建的标记。

当我们谈论“堆栈”,我们不再讨论操作系统特定的web服务器,后台编程语言,或者数据库。

JAMstack不是特定的技术。这是一个新的建筑方式的网站和应用程序提供更好的性能,高安全、低成本的比例,和更好的开发体验。

JAMstack是一个主要的趋势在web开发创造的吗马赛厄斯Biilman的首席执行官和共同创始人Netlify。

好的,寒意!JAMstack是什么?

你可能会遇到的具体条款意思是堆栈和MERN堆栈。这些仅仅是术语用来分类或组某些技术,目的是实现一个特定的目标。

JAMstack这里代表

JavaScript

一个π

米arkup

栈通常只是一个组合的几个技术用于创建web和移动应用程序。所以JAMstack是JavaScript的结合,api和标记。很有趣对吧?

JAMstack项目不依赖于服务器端代码,他们可以分布而不是依赖服务器。直接从一个CDN服务,JAMstack应用开启速度、性能和更好的用户体验。

有用的方面

我将在本文中使用这些术语频繁,我以为你应该知道它们的含义(如果你不已经):

• API是缩写的应用程序编程接口,它是一种软件中介,它允许两个应用程序相互交谈。
• CDN(内容分发网络)是一个分布式服务器系统(网络),提供页面和其他Web内容的用户,根据用户的地理位置,网页的起源和内容分发服务器。
• 一个服务器是计算机用来处理请求和在互联网上传送数据到另一台计算机或本地网络。
• 一个数据库是信息组织的集合,以便它可以很容易地访问、管理和更新吗

为什么JAMstack ?

传统的网站或CMS网站(e。g WordPress, Drupal等)严重依赖服务器插件和数据库。但JAMstack可以加载一些JavaScript从一个API接收数据,从一个CDN服务文件和标记在部署期间使用一个静态网站生成器生成的。

听起来很酷对吗? !

JAMstack快

最小化时加载的时候,没有什么比预构建文件在CDN服务。JAMstack网站非常快,因为生成的HTML已经在部署期间就通过CDN没有任何干扰或后端延迟。

JAMstack非常安全

一切工作通过一个API,因此没有数据库或安全漏洞。与服务器端流程抽象成微服务api,表面区域攻击减少,因此你的网站变得非常安全。

JAMstack更便宜、更容易

JAMstack网站只包含几个文件以最小的大小,可以在任何地方。比例是别的地方或者通过cdn服务的那些文件。

JAMstack最佳实践

• 使用CDN分发你的文件而不是服务器
• 安装和导致你的项目应该很容易和更少的复杂。使用工具npm和Git,确保标准和更快的设置。
• 使用构建工具,使您的项目兼容所有浏览器(e。克巴别塔,Browserify Webpack等等)。
• 确保你的项目web标准和高度可访问
• 确保您的构建过程自动化,以减少压力。
• 使您的部署过程自动化,您可以使用平台Netlify要做到这一点

我如何开始?

您可以使用一些已建成技术构建JAMstack应用程序在几分钟。这里有几个:

• 盖茨比:盖茨比是一个自由和开放源码框架基于反应,有助于开发人员构建超快网站和应用程序
• NuxtJS:NuxtJS Vue。js框架普遍应用,静态生成应用程序,单页应用,先进的web应用程序和桌面应用程序
• 雨果:雨果是世界上最快的框架来构建网站。它是最受欢迎的开源静态网站发电机。雨果以其惊人的速度和灵活性,使得构建网站又有趣。
• Netlify CMS:Netlify CMS对你的Git是一个开源的内容管理工作流程,可以使用任何静态网站生成器更快和更灵活的web项目
• 意旨:意旨是一个聪明和无缝的内容管理系统,为编辑器和开发人员提供了一个统一的内容从而提高协作,确保船数码产品市场更快。
• 苗条的:苗条的是一个全新的方法来构建用户界面。而传统的反应这样的框架和Vue做的大部分工作浏览器苗条的转变,变成一个工作编译步骤当你建立你的应用程序。

和许多更多。

有用的资源

• JAMstack WTF
• 如何构建一个JAMstack网站
• 什么是JAMstack,为什么你应该试一试吗
• JAMstack-ready CMS
• JAMstack为客户:好处和静态网站CMS
• 静态:5原因尝试JAMstack在你的下一个项目
• 静态网站+ JAMstack =❤

找到更多的资源在这里

结论

JAMstack发明来放一个命名的新方法,建立网站和应用程序提供了更好的性能,高安全、低成本的比例,和更好的开发体验。

JAMstack不是具体的技术,这是一个现代web开发架构基于客户端JavaScript,可重复使用的api,和预构建的标记。

加入JAMstack社区了解更多并得到更多的更新。

注:这篇文章最初发表在我的博客上在这里