Skip to content

介绍 ​

Fresh 是 Deno 的下一代 Web 框架。它具有以下特点:

  • 零配置:无需复杂的配置文件,开箱即用
  • 岛屿架构:只在需要交互的地方运行 JavaScript
  • 服务端优先:默认在服务端渲染页面
  • 快速响应:极小的 JavaScript 捆绑包,最小的加载时间

工作原理 ​

Fresh 基于以下核心技术:

  • Deno:现代的 JavaScript 和 TypeScript 运行时
  • Preact:轻量级 React 替代品
  • Vite:快速的开发服务器和构建工具
  • TypeScript:静态类型检查

为什么选择 Fresh? ​

1. 极致的性能 ​

Fresh 默认在服务端渲染页面,确保用户能够快速看到内容。客户端只需要加载页面所需的最小 JavaScript。

2. 岛屿架构 ​

Fresh 的岛屿架构让您可以精确控制页面的交互性。只有标记为 island 的组件才会发送 JavaScript 到客户端,其他内容保持静态 HTML。

3. 简洁的开发体验 ​

无需复杂的配置,无需构建步骤。您可以直接编写代码,Fresh 会处理其余的事情。

4. 完整的类型安全 ​

Fresh 使用 TypeScript 开发,提供完整的类型检查和智能提示。

开始使用 ​

要创建您的第一个 Fresh 项目,请查看 快速开始指南。

下一步 ​

  • 核心概念 - 了解 Fresh 的工作原理
  • 岛屿 - 学习如何创建交互式组件
  • 路由 - 了解如何处理不同的 URL