Netlify, All-in-one platform for automating modern web projects.

Netlify, All-in-one platform for automating modern web projects.

Netlify, es una excelente Plataforma para poder deployar de forma automatizada web estáticas. Como por ejemplo las realizas con Hugo o Jekyll.

Netlify Logo

Netlify nos va a permitir, simplificar, entre otros detalles, la “complejidad” de deployar webs estáticas realizadas, como comentabamos anteriormente, con Hugo por ejemplo. A su vez, nos va a introducir de forma automática y simple, la Integración Continúa. Ya que podremos seleccionar la Branch de GitHub o Bitbucket y autodeployar cuando, por ejemplo, la Banch Master tenga cambios autorizados. Por lo tanto, nos podremos olvidar de los entornos de Producción. Todo será automático.

A la vez, tiene un Dashboard de control muy interesante, donde a partir de permitirnos las configuraciones anteriores, también nos permitirá un control sobre el Domain o Settings a nivel de Publicación CDN, etc…

Veamos, por ejemplo, como deployar en Netlify una web estática realizada en Hugo a partir de un repositorio en Bitbucket:

Creando un Site en Netlify

Lo primero de todo, deberemos acceder a Netlify, podremos crear una cuenta muy rápidamente y a partir del botón “New site from Git” podremos crear nuestro primer Website. Veamos la imagen para poder orientarnos:

Netlify Dashboard

Deployando un Site en Netlify

El primer paso para poder deployar el nuevo Site será, relacionarlo con nuestra cuenta de GitHub, GitLab o BitBucket. Podremos ver en la imagen la simplicidad del paso. Una vez seleccionada la opción, deberemos realizar el login y autorizar la connexión. El siguiente paso será escoger nuestro repositorio, se nos va a mostrar un listado con todos los repositorios y deberemos escoger uno.

Netlify Deploy

Command de Deploy

Hugo u otros Website Generators, a veces, pueden tener unas necesidades concretas para poder deployar sus Site. Por ejemplo en este caso, en la imagen, podremos ver la particularidad de Hugo, ya que deberemos indicar que el “Build command” es “Hugo” y que el “Publish directory” es “Públic”. ¡Ya está!

Netlify Deploy Command

Building Site

Una vez pasemos la mínima configuración del Site anterior, se construirá automáticamente el Site. Deberemos entonces esperar a que finalice. Durante la construcción tendremos el estado “Building” en color naranja y, “Deployed” en verde cuando haya terminado correctamente.

Netlify Building

Test Website by Hugo in Netlify

Una vez lo tengamos deployado correctamente, se nos mostrará una URL, si hacemo click en ella podremos acceder a la web y testear que funciona correctamente. Ahora ya podremos realizar cualquier tipo de configuración extra, como por ejemplo: redirigir el DNS aquí y modificar el Domain, más friendly o, bien, poder añadir autenticación oAuth. Cierto es que algunas de las configuraciones piden que tengamos un nivel de suscripción.

Netlify Deployed

Netlify es una auténtica joya para, por ejemplo, poder deployar entornos de test o, sin más, tener nuestra web personal sin más.

Autor: Joakim Vivas

comments powered by Disqus