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 为 dev、build 和 start 等常见任务执行 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 应用的更多信息。