使用 Next.js 和 Bun 构建应用
Next.js 是一个用于构建全栈 Web 应用的 React 框架。它支持服务器端渲染、静态站点生成和 API 路由。Bun 能够快速安装软件包,并运行 Next.js 开发和生产服务器。
- 创建新的 Next.js 应用
使用交互式 CLI 搭建新的 Next.js 项目并安装其依赖项。
terminalbun create next-app@latest my-bun-app - 启动开发服务器
切换到项目目录,使用 Bun 启动开发服务器。
terminalcd my-bun-app bun --bun run dev这将使用 Bun 的运行时启动 Next.js 开发服务器。
在浏览器中打开
http://localhost:3000查看结果。你对app/page.tsx所做的更改会在浏览器中热重载。 - 更新 package.json 中的脚本
在
package.json的脚本中,为 Next.js CLI 命令添加bun --bun前缀,以便 Bun 执行dev、build和start脚本中的 Next.js CLI。package.json{ "scripts": { "dev": "bun --bun next dev", // [!code ++] "build": "bun --bun next build", // [!code ++] "start": "bun --bun next start" // [!code ++] } }
部署托管
Vercel
部署到 Vercel
Railway
部署到 Railway
DigitalOcean
部署到 DigitalOcean
AWS Lambda
部署到 AWS Lambda
Google Cloud Run
部署到 Google Cloud Run
Render
部署到 Render
模板
Bun + Next.js 基础入门
一个使用 Bun、Next.js 和 Tailwind CSS 的基础 App Router 入门模板。
前往模板
基于 Next.js + Bun 的待办事项应用
一个全栈待办事项应用,使用 Bun、Next.js 以及 PostgreSQL 构建。
前往模板
如需了解有关构建和部署 Next.js 应用的更多信息,请参阅 Next.js 文档。