Sapper

Sapper 是一个基于 Svelte（将在接下来的课程中介绍）构建的 Web 应用程序框架。我们将使用 Sapper 来构建我们的云原生 Web 应用。

替代方案

让我们探索一下 Sapper 的替代方案。

Routify

Routify 为构建 Svelte 应用的路由提供了出色的开发者体验。它正在积极维护，但功能不如 Sapper 丰富，更像是一款针对 Svelte 应用的路由器。

Next.js (React)

Next.js 是一个开源的 React 前端开发 Web 框架，支持诸如服务器端渲染和为基于 React 的 Web 应用生成静态网站等功能。

如果你选择 React 作为前端库，我们推荐你考虑 Next.js。它由 Vercel 提供，他们还提供部署服务。Vercel 团队会定期发布新版本，并且总体上提供出色的工具。

NuxtJS (Vue.js)

Nuxt.js 是一个基于 Vue.js、Node.js、Webpack 和 Babel.js 的免费开源 Web 应用框架。该框架被宣传为“通用应用的元框架”。Nuxt.js 与 Next.js 非常相似，但适用于 Vue.js Web 应用。

Angular Universal (Angular)

Angular 是一个用于创建高效且复杂的单页应用的应用设计框架和开发平台。

Angular Universal 是 Angular 实现服务器端渲染的方法。

为什么使用 Sapper？

Sapper 为我们提供了：

• 开发各种规模 Web 应用的能力。
• 简单且愉悦的开发体验，快速上手。
• 极快的运行时性能。
• 完全的离线支持。

与单页应用不同，Sapper 不会在 SEO、渐进增强或初始加载体验方面妥协。然而，与传统服务端渲染应用不同，Sapper 能实现即时导航，带来类似原生应用的体验。

核心特性

以下是 Sapper 的一些核心特性：

• 基于文件系统的灵活路由
• 服务器端路由
• 即时导航

让我们详细讨论这些核心特性！