Examples

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

Work in Progress

Nitro v3 Alpha docs and examples are a work in progress — expect updates, rough edges, and occasional inaccuracies.

Features

API 路由

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

缓存处理器

使用可配置的绕过逻辑缓存路由响应。

自定义错误处理器

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

数据库

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

你好，世界

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

中间件

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

插件（Plugins）

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

服务器请求

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

虚拟路由

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

WebSocket

支持 WebSocket 的实时双向通信。

Config

自动导入

实用工具和组合式函数的自动导入。

导入别名

自定义导入别名，使模块路径更简洁。

运行时配置

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

Server side rendering

自定义渲染器

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

使用 Vue Router 的 SSR

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

Backend frameworks

Express

使用服务器入口将 Express 集成到 Nitro 中。

Fastify

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

Integrations

Shiki

使用 Shiki 实现在 Nitro 中的服务器端语法高亮。

Vite

Vite Nitro 插件

将 Nitro 用作 Vite 插件，以编程方式配置。

Vite RSC

使用 Vite 和 Nitro 的 React 服务器组件。

Vite + tRPC

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

后端框架

Elysia

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

Hono

使用服务器入口将 Hono 集成到 Nitro 中。

服务器端渲染

Mono JSX

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

Nano JSX

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

Vite SSR HTML

使用原生 HTML、Vite 和 Nitro 实现服务器端渲染。

使用 Preact 进行 SSR

在 Nitro 中使用 Vite 和 Preact 实现服务器端渲染。

使用 TanStack Router 实现 SSR

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

使用 TanStack Start 进行 SSR

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

服务端渲染

使用 React 实现 SSR

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

使用 SolidJS 进行 SSR

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