> ## Documentation Index > Fetch the complete documentation index at: https://bun.zhcndoc.com/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 应用。这将搭建一个新的 Next.js 项目并自动安装依赖。 ```sh terminal icon="terminal" theme={"theme":{"light":"github-light","dark":"dracula"}} bun create next-app@latest my-bun-app ``` 切换到项目目录，使用 Bun 启动开发服务器。 ```sh terminal icon="terminal" theme={"theme":{"light":"github-light","dark":"dracula"}} cd my-bun-app bun --bun run dev ``` 这将使用 Bun 的运行时启动 Next.js 开发服务器。使用浏览器打开 [`http://localhost:3000`](http://localhost:3000) 查看效果。对 `app/page.tsx` 的任何更改都会在浏览器中热更新。修改 `package.json` 中的 scripts 字段，在 Next.js CLI 命令前加上 `bun --bun`。这确保 Bun 来执行 Next.js CLI，用于常见任务如 `dev`、`build` 和 `start`。 ```json package.json icon="file-json" theme={"theme":{"light":"github-light","dark":"dracula"}} { "scripts": { "dev": "bun --bun next dev", // [!code ++] "build": "bun --bun next build", // [!code ++] "start": "bun --bun next start", // [!code ++] } } ``` *** ## 部署托管基于 Bun 的 Next.js 应用可以部署到多种平台。部署到 Vercel 部署到 Railway 部署到 DigitalOcean 部署到 AWS Lambda 部署到 Google Cloud Run 部署到 Render *** ## 模板一个简单的 App Router 入门模板，包含 Bun、Next.js 和 Tailwind CSS。一个全栈待办事项应用，使用 Bun、Next.js 以及 PostgreSQL 构建。 *** [→ 查看 Next.js 官方文档](https://nextjs.org/docs) 获取更多有关构建和部署 Next.js 应用的信息。