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 执行 Next.js CLI 的 devbuildstart 命令。
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 基础启动模板

一个使用 Bun、Next.js 和 Tailwind CSS 的简单 App Router 启动模板。
bun-nextjs-todo

Todo 应用(Next.js + Bun)

一个使用 Bun、Next.js 和 PostgreSQL 构建的全栈待办事项应用。

更多关于构建和部署 Next.js 应用的信息,请参考 Next.js 文档