Files
bun.sh/docs/guides/ecosystem/nextjs.mdx
2025-11-05 11:14:21 -08:00

58 lines
1.4 KiB
Plaintext

---
title: Build an app with Next.js and Bun
sidebarTitle: Next.js with Bun
mode: center
---
Initialize a Next.js app with `create-next-app`. This will scaffold a new Next.js project and automatically install dependencies.
```sh terminal icon="terminal"
bun create next-app
```
```txt
✔ What is your project named? … my-app
✔ Would you like to use TypeScript with this project? … No / Yes
✔ Would you like to use ESLint with this project? … No / Yes
✔ Would you like to use Tailwind CSS? ... No / Yes
✔ Would you like to use `src/` directory with this project? … No / Yes
✔ Would you like to use App Router? (recommended) ... No / Yes
✔ What import alias would you like configured? … @/*
Creating a new Next.js app in /path/to/my-app.
```
---
You can specify a starter template using the `--example` flag.
```sh
bun create next-app --example with-supabase
```
```txt
✔ What is your project named? … my-app
...
```
---
To start the dev server with Bun, run `bun --bun run dev` from the project root.
```sh terminal icon="terminal"
cd my-app
bun --bun run dev
```
---
To run the dev server with Node.js instead, omit `--bun`.
```sh terminal icon="terminal"
cd my-app
bun run dev
```
---
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. Any changes you make to `(pages/app)/index.tsx` will be hot-reloaded in the browser.