A modern, production-ready starter template for building full-stack React applications with server-side rendering.

• TanStack Start - Full-stack React framework with SSR
• React 19 - Latest React with concurrent features
• TypeScript - Strict type safety
• Mantine UI - Component library with custom theme
• Tailwind CSS - Utility-first CSS framework
• Vite - Next-generation build tool
• Biome - Fast linting and formatting

• Node.js (LTS version recommended)
• pnpm

1. Clone the repository:

git clone https://github.com/Visualizeit/vite-starter
cd vite-starter

2. Install dependencies:

pnpm install

3. Start the development server:

pnpm dev

src/
├── routes/              # File-based routing
├── components/          # React components
├── configs/             # Theme and configuration files
├── router.ts            # Router setup
└── app.css              # Global styles

• File-based routing with type-safe navigation
• Server-side rendering (SSR) via Nitro
• Custom Mantine theme with Tailwind integration
• Hot Module Replacement (HMR)
• Git hooks for code quality (auto-format on commit)
• Path aliases (@/* imports)
• TypeScript strict mode

• Theme: Modify src/configs/mantineTheme.ts
• Colors: Update brand colors in the theme configuration
• Layout: Edit src/components/layout/MainLayout.tsx