TanStack Query + RsBuild React Template

A modern React template built with the latest technologies, including TanStack Query, TanStack Router, Tailwind CSS, and RsBuild. This template is designed to provide a robust foundation for building scalable and maintainable React applications.

If you are looking for the full stack experience, check out tanstack-start

Features

• TanStack Router: Type-safe routing with first-class support for React.
• Tailwind CSS v4: Utility-first CSS framework for rapid UI development.
• TypeScript: Type-safe JavaScript for better developer experience.
• shadcn/ui: Beautifully designed, accessible, and customizable UI components.
• TanStack Query (React Query): Powerful data fetching and state management.
• RsBuild: Fast and modern build tool optimized for React applications.
• Zod: Type-safe schema validation for forms and APIs.
• Biome: Fast and modern linting and formatting tool.

Getting Started

Follow these steps to set up and run the project locally.

Prerequisites

• Bun ( my personal preference )

-or-

• Node.js

Installation

1. Clone the repository:

   git clone https://github.com/BahaaalHalabi01/tanstack-query-rsbuild-template
   cd tanstack-query-rsbuild-template
   

2. Install dependencies:

   bun install
   

3. Run the development server:

   bun dev
   

4. Open your browser and navigate to http://localhost:3000/.

5. Build for production:

   bun run build
   

6. Serve the production build using bun:

   bun dist/index.html
   

License

This project is licensed under the MIT License.