skills.rest
DaleSeo
DaleSeoCOMMUNITY
Explore all skills by this author →
Website𝕏@DaleSeoGitHub

bun-dev-server

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

4|1|Updated Jan 26, 2026
Search Tags:#react#bun#web-development#hot-reload#dev-server#hmr
One-click install
npx skills add https://github.com/DaleSeo/bun-skills --skill bun-dev-server
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bun-dev-server
Source: https://github.com/DaleSeo/bun-skills/tree/main/skills/bun-dev-server
Command: npx skills add https://github.com/DaleSeo/bun-skills --skill bun-dev-server

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers quickly spin up high-performance development servers for Bun projects, enabling live reload and fast feedback during frontend and API development.

Core Features & Use Cases

  • HMR-enabled server setup for Bun apps.
  • Supports React Fast Refresh and live reload for rapid UI iteration.
  • API and static content serving with automatic reload on source changes.

Quick Start

Run the development script to start the server with hot reload. Open http://localhost:3000 to verify the server is serving and HMR is active. Update source files to see changes auto-reflected in real time.

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 reload?▼

To set up a Bun dev server with hot reload, run the provided development script to start the server and enable live reloading for rapid frontend and API development. Open http://localhost:3000 to verify the server is active.

Does Bun support React Fast Refresh for UI development?▼

Yes, Bun supports React Fast Refresh for UI development. This Skill enables HMR and Fast Refresh, allowing you to see UI changes auto-reflected in real time without losing component state during rapid iteration.

What is Hot Module Replacement and how does it work with Bun?▼

Hot Module Replacement (HMR) is a feature that updates modules in real time without full page reloads. With Bun, HMR works by automatically reloading source changes and serving static content during development.

Can I use this dev server setup for full-stack Bun projects?▼

Yes, you can use this dev server setup for full-stack Bun projects. It applies to React, API, and full-stack Bun projects, providing automatic reload for both API endpoints and static content during development.

What do I need to run a Bun development server with HMR?▼

To run a Bun development server with HMR, you need the Bun runtime installed, a project containing a server.ts file, and a development environment to execute the provided dev workflow for live reload functionality.

How do I enable live reload for API endpoints in a Bun project?▼

To enable live reload for API endpoints in a Bun project, run the development script provided by this Skill. It sets up automatic reload on source changes, allowing API updates to be reflected immediately during development.

Related Skills

Explore More Software Engineering Skills→
nathanvalenathanvale
6

bun-runtime

Configure Bun runtime workflows for monorepos, bundling, testing, and package management.

Community
Intermediate
memoirlabsmemoirlabs
6

bun-dev-server

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

Official
Intermediate
involvexinvolvex

bun-dev-server

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

Community
Intermediate
vecearvecear

hot-reload-optimizer

Optimize hot module replacement for Vite, Next.js, and Webpack configurations.

Community
Advanced