# Bun Build an app with Next.js and Bun > Build an app with Next.js and Bun - Skill: `jarle/bun-build-an-app-with-next-js-and-bun` (Agent Skill) - Install (CLI): `npx skillmds@latest add jarle/bun-build-an-app-with-next-js-and-bun` - Raw SKILL.md: https://api.skillmd.com/api/skills/jarle/bun-build-an-app-with-next-js-and-bun/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: jarle (https://skillmd.com/u/jarle) - Updated: 2026-09-21 - Page: https://skillmd.com/skills/jarle/bun-build-an-app-with-next-js-and-bun --- # Build an app with Next.js and Bun [Next.js](https://nextjs.org/) 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. *** Use the interactive CLI to create a new Next.js app. This will scaffold a new Next.js project and automatically install dependencies. ```sh terminal icon="terminal" theme={"theme":{"light":"github-light","dark":"dracula"}} bun create next-app@latest my-bun-app ``` Change to the project directory and run the dev server with Bun. ```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. 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`. ```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. Deploy on Vercel Deploy on Railway Deploy on DigitalOcean Deploy on AWS Lambda Deploy on Google Cloud Run Deploy on Render *** ## Templates A simple App Router starter with Bun, Next.js, and Tailwind CSS. A full-stack todo application built with Bun, Next.js, and PostgreSQL. *** [→ See Next.js's official documentation](https://nextjs.org/docs) for more information on building and deploying Next.js applications.