> ## Documentation Index
> Fetch the complete documentation index at: https://bun.ll1025.cn/llms.txt
> Use this file to discover all available pages before exploring further.
# 使用 Next.js 和 Bun 构建应用
[Next.js](https://nextjs.org/) 是一个用于构建全栈 Web 应用的 React 框架。它支持服务端渲染、静态站点生成和 API 路由。Bun 能快速安装包，并且可以运行 Next.js 的开发和生产服务器。
***
使用交互式 CLI 搭建一个新的 Next.js 项目并安装其依赖。
```sh terminal icon="terminal" theme={null}
bun create next-app@latest my-bun-app
```
切换到项目目录并使用 Bun 运行开发服务器。
```sh terminal icon="terminal" theme={null}
cd my-bun-app
bun --bun run dev
```
这将使用 Bun 的运行时启动 Next.js 开发服务器。
在浏览器中打开 [`http://localhost:3000`](http://localhost:3000) 查看结果。你对 `app/page.tsx` 所做的更改会在浏览器中热重载。
在你的 `package.json` 脚本中，为 Next.js CLI 命令添加 `bun --bun` 前缀，以便 Bun 执行 Next.js CLI 的 `dev`、`build` 和 `start` 命令。
```json package.json icon="file-json" theme={null}
{
"scripts": {
"dev": "bun --bun next dev", // [!code ++]
"build": "bun --bun next build", // [!code ++]
"start": "bun --bun next start", // [!code ++]
}
}
```
***
## 托管
在 Vercel 上部署
在 Railway 上部署
在 DigitalOcean 上部署
在 AWS Lambda 上部署
在 Google Cloud Run 上部署
在 Render 上部署
***
## 模板
一个使用 Bun、Next.js 和 Tailwind CSS 的简单 App Router 启动模板。
一个使用 Bun、Next.js 和 PostgreSQL 构建的全栈待办事项应用。
***
更多关于构建和部署 Next.js 应用的信息，请参考 [Next.js 文档](https://nextjs.org/docs)。