Examples

Explore Nitro examples to learn how to build full-stack applications with different frameworks and features.

Features

API 路由

基于文件的 API 路由，支持 HTTP 方法和动态参数。

缓存处理器

缓存路由响应，支持可配置的绕过逻辑。

自定义错误处理器

使用全局错误处理器来自定义错误响应。

数据库

使用 SQL 模板字面量的内置数据库支持。

你好世界

使用 Web 标准 fetch 处理程序的极简 Nitro 服务器。

中间件

用于认证、日志记录和请求修改的请求中间件。

插件

使用自定义插件扩展 Nitro，用于钩子和生命周期事件。

服务端 Fetch

内部服务器到服务器的请求，无网络开销。

虚拟路由

使用 Nitro 的虚拟模块系统以编程方式定义路由。

WebSocket

支持 WebSocket 的实时双向通信。

Config

导入别名

用于更简洁模块路径的自定义导入别名。

运行时配置

支持环境感知的配置，可在运行时访问。

Server Side Rendering

使用 Preact 进行 SSR

在 Nitro 中使用 Vite 和 Preact 进行服务端渲染。

使用 React Router 进行 SSR

使用 Vite 在 Nitro 中通过 React Router 进行服务端渲染

使用 React 进行 SSR

在 Nitro 中使用 Vite 实现 React 服务端渲染。

使用 SolidStart 的 SSR

在 Nitro 中使用 Vite 进行 Server-side rendering with SolidStart

Integrations

Shiki

在 Nitro 中使用 Shiki 进行服务端语法高亮。

Takumi

使用 Takumi 通过 Nitro 路由生成动态 Open Graph 图片。

Vite

Vite Nitro 插件

将 Nitro 作为 Vite 插件使用，以进行程序化配置。

Vite RSC

React Server Components with Vite and Nitro.

Vite + tRPC

在 Nitro 中使用 Vite 和 tRPC 实现端到端类型安全的 API。

Other

追踪

使用诊断通道和内置追踪日志记录请求生命周期

后端框架

Elysia

使用 server entry 将 Elysia 与 Nitro 集成。

Express

使用服务端入口将 Express 与 Nitro 集成。

Fastify

使用服务端入口将 Fastify 与 Nitro 集成。

Hono

使用服务端入口将 Hono 与 Nitro 集成。

服务端渲染

Mono JSX

在 Nitro 中使用 mono-jsx 进行服务端 JSX 渲染。

Nano JSX

在 Nitro 中使用 nano-jsx 进行服务端 JSX 渲染。

自定义渲染器

在 Nitro 中构建一个带有服务端数据获取功能的自定义 HTML 渲染器。

Vite SSR HTML

使用原生 HTML、Vite 和 Nitro 进行服务端渲染。

SolidJS 服务端渲染

在 Nitro 中使用 Vite 进行 SolidJS 服务端渲染。

使用 TanStack Router 的 SSR

在 Nitro 中使用 Vite 结合 TanStack Router 实现客户端路由。

使用 TanStack Start 进行 SSR

在 Nitro 中使用 Vite 配合 TanStack Start 实现全栈 React。

基于 Vue Router 的 SSR

在 Nitro 中使用 Vite 和 Vue Router 进行服务端渲染。