运行时包管理器打包器测试运行器代码检查格式化指南参考博客反馈

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