Initial project setup: Vite 8 + React 19 + TypeScript + Tailwind v4 + React Router v7 + MUI v9

- Vite 8 with @tailwindcss/vite plugin (no PostCSS needed)
- Tailwind v4: imports only theme.css + utilities.css, skipping preflight
- MUI v9 with Emotion, CssBaseline replaces Tailwind preflight
- StyledEngineProvider injectFirst + CSS @layer order for correct cascade
- React Router v7 imported from react-router
- Home page demonstrating MUI components + Tailwind utility classes together

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-13 17:58:42 +02:00
commit 604032ae65
18 changed files with 454 additions and 0 deletions
+22
View File
@@ -0,0 +1,22 @@
import js from '@eslint/js'
import globals from 'globals'
import reactHooks from 'eslint-plugin-react-hooks'
import reactRefresh from 'eslint-plugin-react-refresh'
import tseslint from 'typescript-eslint'
import { defineConfig, globalIgnores } from 'eslint/config'
export default defineConfig([
globalIgnores(['dist']),
{
files: ['**/*.{ts,tsx}'],
extends: [
js.configs.recommended,
tseslint.configs.recommended,
reactHooks.configs.flat.recommended,
reactRefresh.configs.vite,
],
languageOptions: {
globals: globals.browser,
},
},
])