静态网站和JAMStack入门指南

2019/08/19

前段时间,在一个技术群,当我们谈论静态网站时,有网友首先想到的是使用HTML和CSS编码的网页,只是纯文本和图片基于手工制作的网页,没有交互功能和后端数据动态实时处理。

事实上,并非如此。今天,我们聊聊静态网站。

静态网站已经发展到新的技术,现在可以处理诸如实时请求,支付,管理帐户,制作完整博客、网站等。这也是不再称它们为静态的原因,在国外,现在将它们称为JAMstack。

接触过Gatsby之后会感叹,原来网站响应速度可以达到如此之快,这也许就是JAMstack的魅力所在。

什么是JAMStack?

JAMStack是基于客户端JavaScript,可重用API和预构建Markup的现代Web开发架构。——Netlify联合创始人Mathias Biilmann。

JAMStack是指没有服务器端组件,而是依赖于模板标记可以通过一个请求的文件API,通过客户端的JavaScript渲染页面上的内容。

JAMStack由于其性能更好的网站,低成本,高安全性,速度快,并且开发环境已经开始慢慢普及。

为什么选择JAMstack?

随着JAMstack的出现,无需将注意力转移到操作系统,Web服务器,数据库开发,管理和后端开发方面的特定Web技术上。

JAMstack弥合了静态网站和动态网站之间的功能差距,同时保持了静态网站的关键优势。

内容管理与前端和后端是分开,允许在网站和应用之外提供内容,从多个前端调整内容,使其适合JAMstack构建。

静态网站非常高效且速度极快,因此非常适合博客,简历,产品组合,登录页面和文档。

JAMstack很酷,越来越多对新技术有追求的极客选择,旧有的框架将会老去。

JAMstack的优点

更好的性能:如果您想要完美的速度和性能构建网站,那么最好的选择就是使用JAMstack,通过CDN提供的部署上构建文件即可。

快速的部署:可以轻松部署JAMstack网站,而无需经历配置数据库,保护.htaccess等麻烦,只需处理静态文件,因此可以快速在CDN上部署运行。

超赞的开发体验:学习和使用JAMstack并不像想象中那么困难。只需HTML,CSS和JS经验,开发人员就可以构建复杂的网站。JAMstack不需要复杂的语言,它还允许为站点生成器选择无头CMS,无需为内容和营销单独维护。

高安全性:静态网站具有极低的漏洞,因为它只是通过CDN提供的HTML文件和外部API处理,这可以减少任何可能的风险或对网站的攻击。

强大的社区:JAMstack社区随着时间的推移而不断发展,会出现对各种功能的新支持。

如何开始?

使用成熟可靠的静态站点生成器可以在几分钟内构建JAMstack网站和应用,推荐以下几款流行的,新美文使用过,且模板选择较多。

Gatsby:一个基于React的免费开源框架,可以帮助开发人员构建超快速的网站和应用程序,用过之后会对浏览速度发出惊叹。

Hugo:使用go语言开发,最受欢迎的开源静态站点生成器之一,凭借其惊人的速度和灵活性,使用Hugo制作网站变得轻松和灵活。

Gridsome:一个Vue.js驱动的现代站点生成器。

Jekyll:一个最早、简单、可扩展的静态站点生成器,得到Github全面支持,可方便免费部署在Github。

结论

JAMstack是一种新型制作网站方法,提供更好的性能,更高的安全性,更低的扩展成本以及更好的开发人员体验。

Frank He

Written by Frank He
谈新知,不谈美文。