A minimal setup for building modern web applications with React, Bun, TypeScript, and Tailwind CSS.
- React: UI library
- Bun: Fast JavaScript runtime
- TypeScript: Typed JavaScript
- Tailwind CSS: Utility-first CSS framework
-
Clone and Install
git clone https://github.com/mescalas/react-tempalte.git cd react-template bun install
-
Run Development Server
bun run dev
-
Build for Production
bun run build
-
Preview Production Build
bun run preview
src/
โโโ components/
โโโ pages/
โโโ styles/
โโโ App.tsx
โโโ main.tsx
Use Tailwind CSS utility classes in your components.
<button className="px-4 py-2 bg-blue-500 text-white rounded">Click Me</button>
- TypeScript:
tsconfig.json
- Tailwind CSS:
tailwind.config.js