使用 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 文件。