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, and API routes. Bun installs packages fast and can run Next.js development and production servers.

Create a new Next.js app

Use the interactive CLI to scaffold a new Next.js project and install its dependencies.

terminal

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

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 in your browser to see the result. Changes you make to app/page.tsx are hot-reloaded in the browser.

Update scripts in package.json

Prefix the Next.js CLI commands in your package.json scripts with bun --bun so that Bun executes the Next.js CLI for dev, build, and start.

package.json

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

Hosting

Vercel

Deploy on Vercel

Railway

Deploy on Railway

DigitalOcean

Deploy on DigitalOcean

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

Render

Deploy on Render

Templates

Bun + Next.js Basic Starter

A simple App Router starter with Bun, Next.js, and Tailwind CSS.

Todo App with Next.js + Bun

A full-stack todo application built with Bun, Next.js, and PostgreSQL.

Refer to the Next.js documentation for more on building and deploying Next.js applications.

​Hosting