Bunstack (Bun + React + TanStack Router Template)

A modern web application starter template using Bun, React 19, TanStack Router, and TailwindCSS. No Vite required!

Features

• ⚡ Bun - Fast JavaScript runtime and package manager
• ⚛️ React 19 - Latest React version with improved performance
• 🧭 TanStack Router - Type-safe file-based routing
• 🎨 TailwindCSS v4 - Utility-first CSS framework
• 🔄 HMR - Hot Module Replacement for quick development
• 🧰 TypeScript - Type safety for better development experience
• 🔍 Biome - Fast code formatter and linter

Getting Started

Prerequisites

• Bun installed on your machine

Installation

# Clone the repository
git clone https://github.com/mikndotdev/bunstack.git
cd bun-react-template
# Install dependencies
bun install

Development

Start the development server with hot reloading:

bun dev

Building for Production

Build the application for production:

bun build

This will generate a dist/ directory containing the production build. Set this as the build output directory in the static site hosting service of your choice.

Preview Production Build

Preview the production build locally:

bun preview

Project Structure

├── src/
│ ├── assets/ # Static assets
│ ├── components/ # Reusable components
│ ├── routes/ # File-based routes
│ └── index.tsx # Application entry point
├── build.ts # Build script (required as the Tailwind plugin cannot be accessed via the CLI)
├── package.json
└── tsconfig.json

Credits

• Partly inspired by Bunfun