寫給還在糾結用 Next 還是 Nuxt 的你。

如果你已經厭倦了：

• 每次 npm install 都要等半天
• 打包體積動不動就幾百 KB 起步
• 想部署到邊緣節(jié)點還得研究 Vercel、Netlify 各種配置

那可以花三分鐘了解一下 Fresh。

它是 Deno 官方做的全棧框架，口號簡單粗暴：“不寫一行配置，也能跑得快?！?/p>

只需要一條命令，就能擁有 React 的開發(fā)體驗、Next.js 的 SSR 能力，以及 Vite 的秒級熱更新——這就是 Fresh 2 帶來的全新范式。

Fresh 是什么？

Fresh 是 Deno 官方團隊 打造的全棧 Web 框架，主打 零配置、零客戶端 JS 默認、邊緣部署。

• 運行時：直接跑在 Deno（而非 Node.js）上，天然支持 TypeScript。
• 渲染：基于 Preact，首屏純 HTML，零 JS；交互區(qū)域采用 Islands 架構 按需 Hydrate，體積最小化。
• 部署：官方推薦 Deno Deploy，一鍵推送到全球 30+ 邊緣節(jié)點；也可自建 Docker。

Fresh 2 Beta：從「嘗鮮版」到「準正式版」

2024 年 9 月，Fresh 宣布 2.0 進入 Beta（RC）階段：

• API 已凍結，向后兼容得到保證；
• 穩(wěn)定性 接近正式版，鼓勵生產試用；
• 里程碑：內置 Vite 插件模式，把開發(fā)體驗再提一檔。

Vite 模式：三大升級，一鍵開啟

只需在 fresh.config.ts 里加一行：

export default {
  build: { target: "vite" },   // 打開 Vite 模式
};

30 秒上手體驗

# 1. 創(chuàng)建項目
deno run -A -r https://fresh.deno.dev my-app

# 2. 進入目錄
cd my-app

# 3. 啟動開發(fā)服務器
deno task start          # 默認 Deno 原生模式
# 或
deno task start:vite     # 進入 Vite 模式（HMR & 極速冷啟）

瀏覽器打開 http://localhost:8000 即可看到首頁。

部署：Deno Deploy vs Cloudflare Pages

Deno Deploy（官方推薦）：

deno deploy       # 一鍵推送，全球邊緣節(jié)點

Cloudflare Pages / Workers（Vite 模式專享）推送到 GitHub 后，Pages 自動識別 vite.config.ts 并構建，5 分鐘上線。

寫在最后

Fresh 2 將 Deno 的簡潔 與 Vite 的極速 合二為一：

• 開發(fā) 像 Vite 一樣爽快；
• 產物 像 Deno 一樣輕量；
• 部署 像邊緣函數一樣無服務器。

現在就把 build.target 設為 "vite"，提前體驗 “下一代全?？蚣堋?nbsp;的終極形態(tài)！

• Fresh 官網：https://fresh.deno.dev/
• Fresh 2.0：https://deno.com/blog/fresh-and-vite
• Github 地址：https://github.com/denoland/fresh