Primeros pasos con SvelteKit y Laravel API

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 o con 0 configuraciones desarrollar aplicaciones SSR (Server Side Rendering), pero también CSR (Customer Side Rendering). De una forma muy sencilla podemos decir de que forma deseamos que se comporte nuestra aplicación.

Las ventajas de las aplicaciones SSR son muchas, mejor rendimiento y cero problemas para aplicar SEO son las más importantes e interesantes.

En este curso vamos a ver cómo crear una aplicación con SvelteKit que pueda consumir una API desarrollada por nosotros mismos en Laravel. Quizá pienses, esto ya lo hemos hecho con Vue y React, pero te garantizo que la forma de trabajar no tiene nada que ver a cómo lo hacemos con Vue o React, 100% diferente y 100% fantástica.

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

• 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).

Si quieres aprender a crear tu primera aplicación con SvelteKit y consumir una API para acercarnos al máximo a un desarrollo real, no lo dudes, suscríbete y obtén acceso inmediato.