Home Esplora Aiuto
Registrati Accedi
efren
/
testing-proxy
1
0
Forka 0
File Problemi 0 Pull Requests 0 Wiki

Testing application.

Albero (Tree): e83d6bd411
Rami (Branch) Tag
testing-proxy
ZIP TAR.GZ
Efren Yevale Varela e83d6bd411 Added i18n 1 mese fa
.vscode de93a8a123 Initial commit 1 mese fa
docs e83d6bd411 Added i18n 1 mese fa
messages e83d6bd411 Added i18n 1 mese fa
project.inlang e83d6bd411 Added i18n 1 mese fa
src e83d6bd411 Added i18n 1 mese fa
static de93a8a123 Initial commit 1 mese fa
.gitignore e83d6bd411 Added i18n 1 mese fa
.npmrc de93a8a123 Initial commit 1 mese fa
AGENTS.md f2d8a2b015 Updated documentation 1 mese fa
LICENSE.md f2d8a2b015 Updated documentation 1 mese fa
README.md f2d8a2b015 Updated documentation 1 mese fa
jsconfig.json de93a8a123 Initial commit 1 mese fa
package.json e83d6bd411 Added i18n 1 mese fa
pnpm-lock.yaml e83d6bd411 Added i18n 1 mese fa
pnpm-workspace.yaml de93a8a123 Initial commit 1 mese fa
vite.config.js e83d6bd411 Added i18n 1 mese fa

README.md

testing-proxy

A modern SvelteKit application with Svelte 5 runes, Tailwind CSS, and Flowbite components.

Setup

Install dependencies:

pnpm install

Development

Start the dev server on http://localhost:3000:

npm run dev

# Auto-open in browser
npm run dev -- --open

Hot module reload enabled by default.

Build & Deploy

Create a production build:

npm run build

Preview the production build locally:

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.

Styling

  • Dark mode hardcoded in app.html (remove class="dark" from <html> to disable)
  • Use Tailwind utilities directly; no CSS Modules
  • Scoped styles available via <style> blocks in .svelte files

Known Issue

src/app.html line 9 has a typo: lass= should be class=. This affects body element dark mode styling.

Links