Despliegue de Aplicación Svelte en Netlify

· 📖 2 Min.

Anteriormente hemos hablado de Svelte en este blog, ahora ha llegado el momento de empezar a trabajar con código. Para esto vamos a desplegar una pequeña aplicación hecha en Svelte que consume una API publica.

Lo primero que haremos es utilizar un proyecto base de Svelte con el cual puedes empezar a entender como funciona, hacer peticiones a la API de Rick&Morty y hacer render de cada uno de los personajes que nos retorna.

Clonar el proyecto:

git clone https://github.com/gndx/svelte-base.git

Instalar dependencias

npm install

Ejecutar en local

npm run start

Ahora que tenemos una aplicación funcionando con Svelte, vamos a compilar el proyecto para ver el proyecto resultante.

npm run build

Ahora puedes encontrar una carpeta llamada /dist donde se encuentra la aplicación compilada, puedes comprobar la velocidad de su compilado y la cantidad de kBs que término el proyecto listo para producción.

Desplegar a Netlify.

Netlify es una plataforma para desplegar sitios web estáticos, alternativa a algunos servicios como GitHub Pages. Lo que destaco de Netlify es la simpleza con lo cual nos permite desplegar un sitio web en sus servidores.

Para continuar con este recurso debes de crear una cuenta en Netlify.com, es muy simple y puedes hacerlo con tu cuenta de GitHub.

Configurar proyecto.
Antes de proceder a utilizar Netlify vamos a crear un archivo de configuración para que pueda identificar nuestra configuración y de esta forma proceder el despliegue con la configuración necesaria.

En la raíz del proyecto debemos de crear un archivo netlify.toml

[build]
 command = "npm run build"
 publish = "dist"

Es necesario subir este repositorio a GitHub, Bitbucket o GitLab, ya que lo conectaremos con Netlify para proceder a desplegar nuestra aplicación.

Configuración en Netlify

Configuración desde el archivo netlify.toml

Despliegue exitoso

Una vez que termina la construcción del proyecto podemos obtener la URL donde podrás acceder a tu aplicación: https://nervous-golick-ce2e60.netlify.app/

Conclusión
Una de las ventajas de Netlify es lo simple que es y lo fácil que es desplegar una aplicación con solo tener una archivo de configuración en tu repositorio.