Skip to main content
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.
1

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.
terminal
bun create next-app@latest my-bun-app
2

Start the dev server

Change to the project directory and run the dev server with Bun.
terminal
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.
3

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.
package.json
{
  "scripts": {
    "dev": "bun --bun next dev", 
    "build": "bun --bun next build", 
    "start": "bun --bun next start", 
  }
}

​
Hosting

Next.js applications on Bun can be deployed to various platforms.
https://mintcdn.com/bun-1dd33a4e/cfVIaCNGtFU88Wgc/icons/ecosystem/vercel.svg?fit=max&auto=format&n=cfVIaCNGtFU88Wgc&q=85&s=7b490676c38ef9af753b06839da7b0d5

Vercel

Deploy on Vercel
https://mintcdn.com/bun-1dd33a4e/cfVIaCNGtFU88Wgc/icons/ecosystem/railway.svg?fit=max&auto=format&n=cfVIaCNGtFU88Wgc&q=85&s=da50a9424b0121975a3bd68e7038425e

Railway

Deploy on Railway
https://mintcdn.com/bun-1dd33a4e/cfVIaCNGtFU88Wgc/icons/ecosystem/digitalocean.svg?fit=max&auto=format&n=cfVIaCNGtFU88Wgc&q=85&s=b3f34ba0a9eb2c1968261738759f2542

DigitalOcean

Deploy on DigitalOcean
https://mintcdn.com/bun-1dd33a4e/cfVIaCNGtFU88Wgc/icons/ecosystem/aws.svg?fit=max&auto=format&n=cfVIaCNGtFU88Wgc&q=85&s=9733e5ae5faecf5974cbd02661e2b4f2

AWS Lambda

Deploy on AWS Lambda
https://mintcdn.com/bun-1dd33a4e/cfVIaCNGtFU88Wgc/icons/ecosystem/gcp.svg?fit=max&auto=format&n=cfVIaCNGtFU88Wgc&q=85&s=a99e6cb0cfadfeb9ea3b6451de38cfd6

Google Cloud Run

Deploy on Google Cloud Run
https://mintcdn.com/bun-1dd33a4e/cfVIaCNGtFU88Wgc/icons/ecosystem/render.svg?fit=max&auto=format&n=cfVIaCNGtFU88Wgc&q=85&s=5ac8410728c8e2d747afc287b0b715d9

Render

Deploy on Render

​
Templates

bun-nextjs-basic

Bun + Next.js Basic Starter

A simple App Router starter with Bun, Next.js, and Tailwind CSS.
bun-nextjs-todo

Todo App with Next.js + Bun

A full-stack todo application built with Bun, Next.js, and PostgreSQL.
→ See Next.js’s official documentation for more information on building and deploying Next.js applications.