Bun Build an app with Next.js and Bun

Build an app with Next.js and Bun

Next.js is a React framework for building full-stack web applications. It supports server-side rendering, static site generation, API routes, and more. Bun provides fast package installation and can run Next.js development and production servers.

```sh terminal icon="terminal" theme={"theme":{"light":"github-light","dark":"dracula"}}
bun create next-app@latest my-bun-app
```

```sh terminal icon="terminal" theme={"theme":{"light":"github-light","dark":"dracula"}}
cd my-bun-app
bun --bun run dev
```

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

Open [`http://localhost:3000`](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.

```json package.json icon="file-json" theme={"theme":{"light":"github-light","dark":"dracula"}}
{
  "scripts": {
    "dev": "bun --bun next dev", // [!code ++]
    "build": "bun --bun next build", // [!code ++]
    "start": "bun --bun next start", // [!code ++]
  }
}
```

Hosting

Next.js applications on Bun can be deployed to various platforms.

Templates

→ See Next.js's official documentation for more information on building and deploying Next.js applications.