Next.js 是一個用於構建全棧 Web 應用的 React 框架。它支持服務器端渲染、靜態站點生成、API 路由等。Bun 提供快速的包安裝，並可以運行 Next.js 開發和生產服務器。

---

創建新的 Next.js 應用

使用交互式 CLI 創建一個新的 Next.js 應用。這將搭建一個新的 Next.js 項目並自動安裝依賴。

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

啟動開發服務器

切換到項目目錄並使用 Bun 運行開發服務器。

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。

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

---

托管

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

---

模板

---

→ 查看 Next.js 官方文檔 獲取有關構建和部署 Next.js 應用的更多信息。