让我们聊聊 Jamstack 的未来 — 加入我们

Scully

2539 颗星
252 次分叉
106 个问题
主页
https://scully.io
代码库
scullyio/scully
推特
@ScullyIO
语言
JavaScript、TypeScript
协议
MIT
模板
Angular

构建最快的 Angular 应用的最佳途径。Scully 是为寻求拥抱 JAMStack 的 Angular 项目设计的静态站点生成器。

什么是 Scully?

Scully 将你应用中的每个页面预渲染为普通 HTML 和 CSS。为了做到这一点,Scully 使用机器学习技术查找项目中的所有路线。然后 Scully 访问每条路线,渲染视图并将其另存为 HTML 文件。

然后你可以将所有这些 HTML 文件发送至生产环境。你的应用中的每个视图现在可以用几 KB 传送给你用户,与下载你的整个 Angular 应用所需的上百/上千 KB 相比,这是巨大的进步。

你的应用会立即(包括移动 3G)出现在任何设备上。

当完全渲染的 HTML 到达/出现在用户的视图中后,你的 Angular 应用将会加载并启动到现有视图的顶部。这意味着 Scully 让你体验到了两全其美的感觉

  1. 能够将你的整个应用预渲染到最基本的 HTML 和 CSS 形式。
  2. 能够依然拥有一个用 Angular 编写的功能全面的 SPA。

当你的应用被预渲染后,用户无需再等到所有 JavaScript 下载、解析和执行后才能查看你的网站并进行互动。他们可以立即开始查看页面并与之交互。当你的页面立即可用时,你的会话放弃率会降低,网站的转化率也会更高。

这也意味着你可能无需将后端发送至生产环境。由于视图已预渲染且数据已在构建时获取,任何无需后端即可在正式环境中运行的视图都可以在正式环境中运行,无需后端。当你想到这一点时,安全性和成本效益可能会让你大吃一惊。

对于那些想要详细了解这一流程的人,请阅读入门指南。对于那些想要详细了解预呈现 JavaScript SPA 背后理论的人,我们在Netlify的朋友写了一本关于JAMStack 的免费书籍。今天就查看一下吧。

查找更多静态网站生成器