執行環境套件管理器打包器測試執行器程式碼檢查格式化指南參考部落格意見回饋

使用 Next.js 和 Bun 建置應用

Next.js 是一個用於建置全棧 Web 應用的 React 框架。它支援伺服器端渲染、靜態站點生成和 API 路由。Bun 能夠快速安裝軟體包,並執行 Next.js 開發和生產伺服器。


  1. 建立新的 Next.js 應用

    使用互動式 CLI 搭建新的 Next.js 專案並安裝其相依項。

    terminal
    bun create next-app@latest my-bun-app
    
  2. 啟動開發伺服器

    切換到專案目錄,使用 Bun 啟動開發伺服器。

    terminal
    cd my-bun-app
    bun --bun run dev
    

    這將使用 Bun 的執行環境啟動 Next.js 開發伺服器。

    在瀏覽器中開啟 http://localhost:3000 檢視結果。你對 app/page.tsx 所做的更改會在瀏覽器中熱過載。

  3. 更新 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 ++]
      }
    }
    

部署託管


模板


如需瞭解有關建置和部署 Next.js 應用的更多資訊,請參閱 Next.js 文件。