# testing-proxy A modern SvelteKit application with Svelte 5 runes, Tailwind CSS, and Flowbite components. ## Setup Install dependencies: ```sh pnpm install ``` ### Configuration Copy the example configuration to create your local `config.json`: ```sh cp config.json.example config.json ``` This file contains settings for database and server configuration. See [Configuration](#configuration-reference) below for available options. ## Development Start the dev server on http://localhost:3000: ```sh npm run dev # Auto-open in browser npm run dev -- --open ``` Hot module reload enabled by default. ## Build & Deploy Create a production build: ```sh npm run build ``` Preview the production build locally: ```sh npm run preview ``` Production output goes to `/build/` (configured for Node.js via `@sveltejs/adapter-node`). ## Project Structure - `src/routes/` — SvelteKit filesystem routes - `src/lib/` — Reusable components and utilities (access via `$lib` alias) - `src/app.html` — HTML shell (dark mode enabled via `class="dark"`) ## Tech Stack - **Framework**: SvelteKit 2.63.0 with Svelte 5 (runes mode) - **Styling**: Tailwind CSS 4.3.0 via `@tailwindcss/vite` + Forms/Typography plugins - **Components**: Flowbite Svelte 1.33.1 + Flowbite Icons - **Build Tool**: Vite 8.0.16 - **Adapter**: Node.js (`@sveltejs/adapter-node`) ## Important Notes ### Svelte 5 Runes (Mandatory) All `.svelte` files use runes mode by default. Use: - `$state()` for reactive variables - `$derived` for computed values - `$effect()` for side effects - `{#snippet}` for component snippets (e.g., icon slots) See [Svelte 5 runes documentation](https://svelte.dev/docs/svelte/what-are-runes). ### Styling - Dark mode hardcoded in `app.html` (remove `class="dark"` from `` to disable) - Use Tailwind utilities directly; no CSS Modules - Scoped styles available via `