Aprende las bases de Svelte y SvelteKit desde cero

Este curso está compuesto de dos bloques. El primero para aprender las bases de Svelte.js, y la segunda para aprender las bases de SvelteKit.

Svelte.js es un framework y un compilador que nos permite desarrollar poderosas interfaces de usuario de una forma rápida y sencilla.

Las principales características de Svelte.js son las siguientes:

• Haz lo mismo con menos código.

• Adiós al Virtual Dom.

• Verdaderamente reactivo.

• Proyectos ligeros, sólo añade lo necesario.

SvelteKit podemos decir que es un punto de partida completo para el desarrollo de interfaces con Svelte, que entre otras cosas nos ofrece un poderoso sistema de rutas para que podamos generar nuestros propios endpoints.

Por si fuera poco, SvelteKit también nos ofrece de base y con cero configuraciones desarrollar aplicaciones SSR (Server Side Rendering), pero también CSR (Customer Side Rendering). De una forma muy sencilla podemos decir de qué forma deseamos que se comporte nuestra aplicación.

Resumiendo, SvelteKit es un compilador y un framework tanto para el frontend como para el backend.

A continuación, te detallo algunas de las cosas que veremos dentro del bloque de SvelteKit:

• Crear proyectos SvelteKit.

• Entender su sistema de rutas para crear páginas.

• Entender su sistema de rutas basadas en endpoints para consumir recursos externos (API).

• Comunicarnos con servicios externos de forma correcta para nutrir de datos a nuestra aplicación.

• Aprender a trabajar con peticiones HTTP: GET, POST, PUT y DELETE.

• A generar layouts globales que apliquen a todas las páginas.

• A generar layouts que puedan ser utilizados a demanda por páginas (layouts named).

• A personalizar los errores en SvelteKit.

• A generar el bundle para poner nuestra aplicación en producción.

• A previsualizar y probar en nuestro entorno local el bundle de producción.

• Una introducción a los hooks para habilitar y deshabilitar el modo SSR en SvelteKit.

A tener muy en cuenta referente a SvelteKit:

• SvelteKit es un framework de backend y un compilador que nos permite utilizar Svelte.

• Escribimos código de frontend y backend en un solo lugar.

• La representación del lado del servidor (SSR) mejoran el rendimiento y el SEO de tus aplicaciones.

• Las páginas se procesan en el servidor y en el cliente debido a la hidratación.

• Los adaptadores se utilizan para su posterior implementación en diferentes plataformas (Cloudflare pages, Vercel, Netlify).