- Delete old Vite+Svelte frontend - Initialize new SvelteKit project with TypeScript - Configure Tailwind CSS v4 + DaisyUI - Implement JWT authentication with auto-refresh - Create login page with form validation (Zod) - Add protected route guards - Update Docker configuration for single-stage build - Add E2E tests with Playwright (6/11 passing) - Fix Svelte 5 reactivity with $state() runes Known issues: - 5 E2E tests failing (timing/async issues) - Token refresh implementation needs debugging - Validation error display timing
21 lines
1.1 KiB
Markdown
21 lines
1.1 KiB
Markdown
# vite ⚡
|
|
|
|
> Next Generation Frontend Tooling
|
|
|
|
- 💡 Instant Server Start
|
|
- ⚡️ Lightning Fast HMR
|
|
- 🛠️ Rich Features
|
|
- 📦 Optimized Build
|
|
- 🔩 Universal Plugin Interface
|
|
- 🔑 Fully Typed APIs
|
|
|
|
Vite (French word for "fast", pronounced `/vit/`) is a new breed of frontend build tool that significantly improves the frontend development experience. It consists of two major parts:
|
|
|
|
- A dev server that serves your source files over [native ES modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules), with [rich built-in features](https://vite.dev/guide/features.html) and astonishingly fast [Hot Module Replacement (HMR)](https://vite.dev/guide/features.html#hot-module-replacement).
|
|
|
|
- A [build command](https://vite.dev/guide/build.html) that bundles your code with [Rollup](https://rollupjs.org), pre-configured to output highly optimized static assets for production.
|
|
|
|
In addition, Vite is highly extensible via its [Plugin API](https://vite.dev/guide/api-plugin.html) and [JavaScript API](https://vite.dev/guide/api-javascript.html) with full typing support.
|
|
|
|
[Read the Docs to Learn More](https://vite.dev).
|