Skip to main content
Next.js 是一个用于构建全栈 Web 应用的 React 框架。它支持服务器端渲染、静态站点生成和 API 路由。Bun 能够快速安装软件包，并运行 Next.js 开发和生产服务器。
1

创建新的 Next.js 应用

使用交互式 CLI 搭建新的 Next.js 项目并安装其依赖项。
terminal
2

启动开发服务器

切换到项目目录，使用 Bun 启动开发服务器。
terminal
这将使用 Bun 的运行时启动 Next.js 开发服务器。在浏览器中打开 http://localhost:3000 查看结果。你对 app/page.tsx 所做的更改会在浏览器中热重载。
3

更新 package.json 中的脚本

在 package.json 的脚本中，为 Next.js CLI 命令添加 bun --bun 前缀，以便 Bun 执行 dev、build 和 start 脚本中的 Next.js CLI。
package.json

​
部署托管

Vercel

部署到 Vercel

Railway

部署到 Railway

DigitalOcean

部署到 DigitalOcean

AWS Lambda

部署到 AWS Lambda

Google Cloud Run

部署到 Google Cloud Run

Render

部署到 Render

​
模板

bun-nextjs-basic

Bun + Next.js 基础入门

一个简单的 App Router 入门模板，包含 Bun、Next.js 和 Tailwind CSS。
bun-nextjs-todo

基于 Next.js + Bun 的待办事项应用

一个全栈待办事项应用，使用 Bun、Next.js 以及 PostgreSQL 构建。
如需了解有关构建和部署 Next.js 应用的更多信息，请参阅 Next.js 文档。