A modern, production-ready template built with React 19, Vite, and TanStack Start. This project features a comprehensive tech stack including Tailwind CSS v4, i18next for internationalization, and a robust UI component library.
- ⚡️ Vite: Blazing fast build tool and development server.
- 🚀 TanStack Start: Full-stack React framework powered by TanStack Router.
- 🛣️ TanStack Router: Type-safe, file-based routing for React.
- 🎨 Tailwind CSS v4: Utility-first CSS framework for rapid UI development.
- 🧩 Radix UI: Unstyled, accessible UI primitives (via shadcn/ui).
- 🌍 i18next: Complete internationalization support (English & German included).
- 🐻 Zustand: Small, fast and scalable bearbones state-management solution.
- motion: Production-ready motion library for React.
- 🌓 Dark Mode: Built-in dark mode support with
next-themes.
- Node.js (Latest LTS recommended)
- pnpm (recommended) or npm/yarn
-
Clone the repository:
git clone <repository-url> cd <project-directory>
-
Install dependencies:
pnpm install
-
Start the development server:
pnpm dev
-
Open http://localhost:5173 in your browser.
src/
├── components/ # Reusable UI components
│ ├── ui/ # Radix UI primitives
│ └── ...
├── hooks/ # Custom React hooks
├── languages/ # i18n translation files
├── lib/ # Utilities and libraries configuration
├── pages/ # Page components
├── routes/ # TanStack Router file-based routes
├── main.tsx # Application entry point
└── ...
pnpm dev: Start the development serverpnpm build: Build the application for productionpnpm serve: Preview the production buildpnpm test: Run tests with Vitestpnpm lint: Lint the codebase with ESLintpnpm format: Format code with Prettierpnpm check: Run Prettier check and ESLint fix