bun-dev-server

Name: bun-dev-server
Availability: InStock
Author: involvex

Set up a Bun development server with WebSocket HMR and live reload.

Updated Mar 25, 2026

Search Tags:#typescript #react #bun #hot-reload #hono #dev-server #hmr

Ready to run

npx skills add https://github.com/involvex/skills --skill bun-dev-server-involvex

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: bun-dev-server
Source: https://github.com/involvex/skills/tree/main/skills/bun-dev-server
Command: npx skills add https://github.com/involvex/skills --skill bun-dev-server-involvex

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Developers need a fast, reliable development server that provides instant feedback during development by automatically reloading code and preserving frontend state without slow rebuilds or manual restarts.

Core Features & Use Cases

Hot Module Replacement (HMR): WebSocket-based live reload and module updates for React and other frontends.
API and Full-Stack Support: Build Hono-backed APIs, proxy existing backends, or combine frontend and API in one Bun process.
Developer Experience: Integrated file watchers, TypeScript support, SPA fallback routing, local HTTPS options, and troubleshooting tips for common issues.

Quick Start

Start the Bun dev server with HMR by running the project's dev script and open http://localhost:3000 in your browser.

Frequently Asked Questions about bun-dev-server

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I set up a Bun dev server with hot module replacement for React?▼

Set up a Bun dev server with HMR by running the project's dev script and opening http://localhost:3000. The server provides WebSocket-based live reload and module updates for React frontends, enabling instant feedback without manual restarts.

Does the Bun dev server support Hono-based APIs and full-stack development?▼

The Bun dev server supports Hono-based APIs, allowing you to build backends, proxy existing services, or combine frontend and API in one Bun process. This enables full-stack development with fast rebuilds and integrated file watching.

What's the best way to get live reload working with TypeScript in a Bun project?▼

The best way to get live reload with TypeScript in a Bun project is using the integrated dev server, which includes built-in TypeScript support and file watchers. It automatically handles module updates via WebSocket-based HMR.

Can I use local HTTPS and SPA fallback routing with a Bun development server?▼

You can use local HTTPS options and SPA fallback routing with the Bun development server. These features are built-in, ensuring proper handling of single-page application routes and secure local testing during development.

Why does my hot reload not preserve state when using Bun for React development?▼

Hot reload not preserving state typically relates to the HMR configuration. This Bun dev server uses WebSocket-based HMR specifically designed to preserve frontend state and update modules without slow rebuilds or full page refreshes.

Do I need Bun runtime version 1.0 or higher to use WebSocket-based HMR?▼

You need Bun runtime version 1.0 or higher to use WebSocket-based HMR. This version requirement ensures compatibility with the file watching, TypeScript support, and live reload features required for the development server.