# My SvelteKit Starter — Plantilla Svelte 5 + Kit 2 lista para shippear

> Todo en un repo: UI estilo shadcn en tu código, Tailwind v4, TypeScript, textos ES/EN, modo oscuro, SEO técnico y páginas de ejemplo. Para quien quiere vibe coding sin reinventar la base.

URL: http://localhost:5173/
Idioma: ES

---

## La plantilla SvelteKit para quien solo quiere construir

Runes, rutas, formularios, toasts, tema claro/oscuro y una galería de componentes que ya están en tu proyecto —no en un npm opaco. Fork, personaliza y despliega.

### Qué incluye esta plantilla

- **Menos JS en el navegador** — Svelte compila a JS pequeño y predecible: ideal para landings y apps donde cada kilobyte cuenta.
- **TypeScript que aguanta CI** — Proyecto preparado para `npm run check`: tipos en rutas y componentes para fallar en la pipeline, no en producción.
- **UI estilo shadcn en tu carpeta** — Button, Card, formularios y más viven en `src/lib/components/ui/`: los cambias tú, sin depender de un paquete opaco.
- **SEO y salida a producción** — Meta tags, JSON-LD, `/sitemap.xml`, `/robots.txt` y OG dinámico incluidos; conectas repo a Vercel o Netlify cuando tengas dominio.
- **Sanity CMS (opcional)** — Schema y Studio en `sanity/`, cliente y GROQ en `src/lib/server/sanity/`. Actívalo con `SANITY_PROJECT_ID` y `SANITY_DATASET` en `.env`.
- **Experiencia de producto** — i18n ES/EN con `$t()`, modo claro/oscuro (mode-watcher), banner de cookies y JSON-LD: una landing usable, no un mock suelto.

### Poner este starter en marcha (4 pasos)

1. **Obtén el código** — Clona el repositorio (`git clone …`) o descarga el ZIP desde GitHub. Aquí ya viene SvelteKit, Tailwind v4, TypeScript y la UI configurada.
2. **Instala dependencias** — En la carpeta del proyecto ejecuta `npm install`. Requisito: Node.js 22 o superior (ver `package.json`).
3. **Arranca en local** — Ejecuta `npm run dev` y abre la URL que muestra la terminal (por defecto http://localhost:5173).
4. **Personaliza y despliega** — Cambia nombre y enlaces en la config del proyecto, ajusta textos y colores del tema, ejecuta `npm run build` y sube a Vercel, Netlify o el hosting que uses.

---

## Preguntas frecuentes

### ¿Qué es esta plantilla?

Una base lista para webs modernas con SvelteKit 2 y Svelte 5: componentes UI (shadcn-svelte), SEO, i18n, modo oscuro y despliegue pensado para Vercel o Netlify.

### ¿Necesito mucha experiencia en front?

No hace falta ser experto: puedes tocar textos en JSON, colores en CSS y copiar bloques de la galería de componentes. Cuando quieras ir más lejos, el código está organizado para crecer sin líos.

### ¿Puedo usarla en proyectos comerciales?

Sí. La plantilla es MIT: úsala en clientes, productos o landings sin restricciones de licencia de pago.

### ¿Cómo despliego en producción?

Sube el repo a GitHub y conecta el proyecto a Vercel o Netlify. El build es npm run build; revisa PUBLIC_SITE_URL para SEO (sitemap y Open Graph).

### ¿Cómo funcionan los idiomas?

Hay español e inglés con claves en src/lib/i18n. Para añadir otro idioma, crea un JSON nuevo, registra las traducciones y amplía el tipo de locale en el módulo i18n.

### ¿Puedo conectar un CMS?

Sí. El repo incluye piezas opcionales para Sanity; también puedes consumir cualquier API (Strapi, Contentful, Markdown local) desde load o endpoints.

### ¿Qué trae de SEO?

Metadatos centralizados (setSeo), JSON-LD, sitemap, robots y cabeceras de seguridad en hooks.server.ts. Ajusta títulos y descripciones por ruta.

### ¿Está pensada para rendimiento?

Svelte compila a JS ligero; usa imágenes optimizadas, lazy loading donde toque y revisa el bundle con el analizador de Vite si la app crece.

---

## My SvelteKit Starter

Plantilla lista para producción: Svelte 5, SvelteKit 2, TypeScript, Tailwind CSS v4 y componentes UI estilo shadcn-svelte.