skills.rest
involvex
involvexCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

bun-dev-server

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
One-click install
npx skills add https://github.com/involvex/skills --skill bun-dev-server-involvex
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
AloisHAloisH

vite

Configure Vite, add plugins, and build production bundles for web apps.

Community
Intermediate
DaleSeoDaleSeo
4

bun-dev-server

Set up a Bun development server with HMR and React Fast Refresh.

Community
Intermediate
mcclowesmcclowes

nextjs-server-navigation

Implement server-side navigation in Next.js Server Components using Link and redirect().

Community
Basic