第五期!欢迎回来。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开发者喜爱。免费量大,<a href="https://www