Crear el primer proyecto

En esta lección vamos a preparar el entorno de trabajo y a crear la base del proyecto con la estructura mínima necesaria para empezar a desarrollar.

La idea no es solo ejecutar un comando, sino entender qué archivos aparecen, para qué sirven y cómo se organiza una aplicación SvelteKit desde el principio.

Objetivos de la lección

• Crear el proyecto inicial.
• Entender la estructura principal de carpetas.
• Identificar dónde viven las rutas, componentes y estilos.
• Preparar el proyecto para empezar a construir pantallas reales.

Qué suele traer un proyecto base

Cuando generas un proyecto con SvelteKit, normalmente verás piezas como estas:

• src/routes para las páginas y endpoints.
• src/lib para componentes y utilidades reutilizables.
• static para recursos públicos.
• Archivos de configuración como svelte.config.js, vite.config.ts y tsconfig.json.

Idea clave

Antes de construir ninguna feature, conviene entender el mapa del proyecto. Tener clara la estructura desde el principio te ahorra dudas cuando empieces a trabajar con layouts, rutas dinámicas y carga de datos.