Build an app with Next.js and Bun

Create a new Next.js app

Use the interactive CLI to create a new Next.js app. This will scaffold a new Next.js project and automatically install dependencies.

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

Start the dev server

Change to the project directory and run the dev server with Bun.

$ cd my-bun-app
$ bun --bun run dev

This starts the Next.js dev server with Bun's runtime.

Open http://localhost:3000 with your browser to see the result. Any changes you make to app/page.tsx will be hot-reloaded in the browser.

Update scripts in package.json

Modify the scripts field in your package.json by prefixing the Next.js CLI commands with bun --bun. This ensures that Bun executes the Next.js CLI for common tasks like dev, build, and start.

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