fresh - Fresh 是下一代 Web 框架,专为速度、可靠性和简单性而构建。

Created at: 2021-05-07 22:42:26
Language: TypeScript
License: MIT

文档|开始

新鲜

新鲜的标志:一片柠檬滴着果汁

Fresh 是下一代 Web 框架,专为速度、可靠性和简单性而构建。

一些突出的功能:

  • 边缘实时渲染。
  • 基于岛屿的客户端水合作用,以实现最大的交互性。
  • 零运行时开销:默认情况下,不会将 JS 传送到客户端。
  • 无构建步骤。
  • 无需配置。
  • 开箱即用的类型脚本支持。
  • File-system routing à la Next.js.

📖文档

文档可在 fresh.deno.dev 上找到

🚀开始

安装 Deno CLI 版本 1.23.0 或更高版本。

你可以通过运行 Fresh init 脚本来构建新项目的基架。若要在文件夹中对项目进行基架,请运行以下命令:

deno-fresh-demo

deno run -A -r https://fresh.deno.dev deno-fresh-demo

然后导航到新创建的项目文件夹:

cd deno-fresh-demo

在项目文件夹中,使用以下命令启动开发服务器:

deno task

deno task start

现在,在浏览器中打开 http://localhost:8000 以查看该页面。你可以对项目源代码进行更改,并看到它们反映在浏览器中。

要将项目部署到实时互联网,你可以使用 Deno 部署

  1. 将你的项目推送到 GitHub。
  2. 创建一个 Deno 部署项目
  3. Deno 部署项目链接到所创建存储库根目录中的 main.ts 文件。
  4. 该项目将部署到公共的$project.deno.dev 子域。

有关更深入的入门指南,请访问 Fresh 文档中的入门页面。

徽章

新鲜制作

[![Made with Fresh](https://fresh.deno.dev/fresh-badge.svg)](https://fresh.deno.dev)
<a href="https://fresh.deno.dev">
   <img width="197" height="37" src="https://fresh.deno.dev/fresh-badge.svg" alt="Made with Fresh" />
</a>

用新鲜(深色)制成

[![Made with Fresh](https://fresh.deno.dev/fresh-badge-dark.svg)](https://fresh.deno.dev)
<a href="https://fresh.deno.dev">
   <img width="197" height="37" src="https://fresh.deno.dev/fresh-badge-dark.svg" alt="Made with Fresh" />
</a>