EP5 JAMStack：Web开发更新鲜的工作流

耳鸣终端Terminal

第五期！欢迎回来。2020年的Web开发是怎样的？以我们的前端工程师Perry带路，展开对静态网站生成器的回溯以及当下新鲜的JAMStack工作流的学习讨论。

你们的Host：
Perry，阿潦，李松

联系我们可写信至 [email protected]
或加入telegram听众群组

剪辑： 阿潦
音乐： Pulse 23 from Compassion through Algorithms

---

Show notes

Part 1: 静态网站和JAMStack是？

• 静态网站生成器(Static Site Generator)：设计用来创建静态网站的软件包。

• JAMStack：JavaScript, APIs, 和 Markup的首字母缩写，一个近几年（可能是3年？）在Web开发快速火爆的热词。

• Jekyll: 来自Github合作创始人之一Tom Preston-Werner的静态网站生成器，Github官方支持的选择。

• Org mode for Emacs: 始于2003年的Emacs编辑模式，主要用来日常效率管理和文档记录。

• Gatsby.js: 基于React JS的静态网站生成器，用短短的时间已入住前端开发的工具箱之一。在2018年成立公司来支持项目继续发展，推出Gatsby Cloud。

Part 2: 静态网站的优势

• 共享主机(Shared web hosting service)

• Heroku: "最元祖的云平台之一" - 中文维基百科

• 高可用性(High availability): 计算机系统特性常用到的术语，“指系统无中断地执行其功能的能力”。

• "IT公司为求产品上线顺利要求全体员工烧香拜佛"

• Create React App: React社区的官方脚手架工具。

• "Webpack配置是世界上最难的编程语言"

• CDN(内容分发网络)

Part 3: JAMStack 适合各种网站吗

• 最终一致性

• LAMP: 曾经很流行的Web服务架构。

• Wordpress: 超流行的开源博客/内容管理系统，世界上最流行的Top 一千万的网站中有1/3基于Wordpres。

• wp-graphql: 让你的Wordpress 实例拥有一个GraphlQL API。

• Headless CMS: 无头的CMS（内管管理系统），通过暴露API供客户端使用。

• NoBackends: 一种美好的无后端开发模式，任何功能幻想可以在Javascript中的一行函数实现。

Part4: 上手的选择

• Gatsby.js: 基于React JS的静态网站生成器，用短短的时间已入住前端开发的工具箱之一。在2018年成立公司来支持项目继续发展，推出Gatsby Cloud。

• 11ty: Node.JS写成的更简单的静态网站生成器。著名案例包括Google的web.dev 和 v8.dev。 更正: 开发者来自Netlify而非Google

• Vercel (曾用名 ZEIT): 另一个流行的托管平台。可以看看最近官方的更名Post：ZEIT is now Vercel。

• Netlify: 2016创建于旧金山，专注于静态网站托管的服务。深受独立Web开发者喜爱。免费量大，