Skip to content

Next.js 是一个用于构建全栈 Web 应用的 React 框架。它支持服务器端渲染、静态站点生成、API 路由等。Bun 提供快速的包安装,并可以运行 Next.js 开发和生产服务器。


创建新的 Next.js 应用

使用交互式 CLI 创建一个新的 Next.js 应用。这将搭建一个新的 Next.js 项目并自动安装依赖。

sh
bun create next-app@latest my-bun-app

启动开发服务器

切换到项目目录并使用 Bun 运行开发服务器。

sh
cd my-bun-app
bun --bun run dev

这将使用 Bun 运行时启动 Next.js 开发服务器。

在浏览器中打开 http://localhost:3000 查看结果。你对 app/page.tsx 所做的任何更改都将在浏览器中热重载。

更新 package.json 中的脚本

修改 package.json 中的 scripts 字段,在 Next.js CLI 命令前加上 bun --bun 前缀。这确保 Bun 为 devbuildstart 等常见任务执行 Next.js CLI。

json
{
  "scripts": {
    "dev": "bun --bun next dev", 
    "build": "bun --bun next build", 
    "start": "bun --bun next start", 
  }
}

托管

Bun 上的 Next.js 应用可以部署到各种平台。


模板


→ 查看 Next.js 官方文档 获取有关构建和部署 Next.js 应用的更多信息。

Bun学习网由www.bunjs.com.cn整理维护