框架

Deno Deploy^EA 开箱即用支持多种 JavaScript 和 TypeScript 框架。这意味着您无需任何额外配置或设置即可使用这些框架。

原生支持的框架已通过 Deno Deploy ^EA 的兼容性测试，并在您创建新应用时自动检测到。Deno Deploy^EA 会自动优化这些框架的构建和运行时配置，以达到最佳效果。

未在此处列出的框架仍可能正常工作，但可能需要在构建设置中手动配置安装和/或构建命令以及运行时配置。

觉得缺少某个框架？请在 Deno Deploy Discord 频道告知我们，或联系 Deno 支持。

支持的框架 跳转到标题#

Next.js 跳转到标题#

Next.js 是一个用于构建全栈 Web 应用程序的 React 框架。您可以使用 React 组件来构建用户界面，并利用 Next.js 提供额外功能和优化。

pages 和 app 路由器都开箱即用支持。支持 ISR、SSG、SSR 和 PPR。缓存开箱即用支持，包括使用新的 "use cache"。

next/image 开箱即用。

Deno Deploy^EA 上的 Next.js 始终以独立模式构建。

Tracing（追踪）开箱即用支持，Next.js 会自动为传入请求、路由、渲染及其他操作发出一些 span。

Astro 跳转到标题#

Astro 是一个用于构建内容驱动型网站（如博客、营销和电子商务）的 Web 框架。Astro 尽可能优先使用服务器端渲染而不是浏览器中的客户端渲染。

对于静态 Astro 站点，使用 Deno Deploy ^EA 不需要额外的配置。

在 Astro 中使用 Deno Deploy ^EA 进行 SSR 时，您需要安装 @deno/astro-adapter 包，并配置您的 astro.config.mjs 文件以使用该适配器

$ deno add npm:@deno/astro-adapter
# or npm install @deno/astro-adapter
# or yarn add @deno/astro-adapter
# or pnpm add @deno/astro-adapter

  import { defineConfig } from 'astro/config';
+ import deno from '@deno/astro-adapter';
  
  export default defineConfig({
+   output: 'server',
+   adapter: deno(),
  });

支持 Sharp 图像优化。

支持 astro:env API。

Nuxt 跳转到标题#

使用 Nuxt 创建高质量的 Web 应用程序，Nuxt 是一个开源框架，它使 Vue.js 的全栈开发变得直观。

Nuxt 无需额外设置。

SolidStart 跳转到标题#

SolidStart 是一个开源的元框架，旨在统一构成 Web 应用程序的组件。它建立在 Solid 之上。

SolidStart 无需额外设置。

SvelteKit 跳转到标题#

SvelteKit 是一个用于使用 Svelte 快速开发健壮、高性能 Web 应用程序的框架。

SvelteKit 无需额外设置。

Fresh 跳转到标题#

Fresh 是一个为 JavaScript 和 TypeScript 开发者设计的全栈现代 Web 框架。Fresh 使用 Preact 作为 JSX 渲染引擎。

Fresh 无需额外设置。

Lume 跳转到标题#

Lume 是一个用于使用 Deno 构建快速、现代网站的静态站点生成器。

Lume 无需额外设置。

Remix 跳转到标题#

⚠️ 实验性：Remix 尚未完全支持。它正在集成到 Deno Deploy^EA 中。某些功能可能无法按预期工作。请向 Deno 团队报告您遇到的任何问题。