Saltar al contenido principal

SvelteKit

Crear proyecto​

bunx sv create <name>
npx sv create <name>

Ejecutar proyecto​

# Opcional. Iniciar base de datos con Docker
bun run db:start

# Iniciar proyecto
bun run dev

Notas​

Svelte es un framework de componentes, SvelteKit es un framework de aplicaciones (metaframework) que resuelve los problemas complejos de construir algo listo para producción.

  • Enrutamiento
  • Renderizado del lado del servidor (SSR)
  • Obtención de datos
  • Prerrenderizado
  • Aplicaciones de una sola página (SPA)

Las aplicaciones SvelteKit se renderizan en el servidor por defecto (como las aplicaciones multipágina tradicionales o MPA) para un excelente rendimiento en la primera carga y SEO pero luego pueden pasar a la navegación del lado del cliente (SPA) para evitar recargar todo.

Estructura del proyecto​

  • vite.config.js contiene la configuración del proyecto, tanto de Vite como de Svelte y SvelteKit (anteriormente era en svelte.config.js)
  • src es donde va el código de la aplicación
    • src/routes define las rutas de la aplicación
  • static contiene cualquier recurso (favicon, robots.txt, etc.)