Build an app with Next.js

Use Next.js with Bun

Next.js works with Bun as the JavaScript runtime and package manager.

Quick Start

bun create next-app my-app
cd my-app
bun dev

Manual Setup

1. Install dependencies

   bun add next react react-dom
   
2. Add scripts to package.json

   package.json

   {
     "scripts": {
       "dev": "next dev",
       "build": "next build",
       "start": "next start"
     }
   }
   
3. Create pages/index.tsx

   pages/index.tsx

   export default function Home() {
     return <h1>Hello Next.js + Bun</h1>;
   }
   
4. Run development server

   bun dev
   

Next.js is fully compatible with Bun’s package manager and runtime.