Como publicar una Página o Proyecto Web en Netlify desde GitHub

Tutoriales | | Comunidad: Crear un Post, Eventos Devs, Foro

Demo

En el mundo del Desarrollo existen muchas opciones para alojar un sitio web, hay variedades en cuanto a precio, características de hardware y software, calidad, garantía, etc. Hay una plataforma que se caracteriza por su versatilidad y rapidez, me hace recordar a Heroku, hablo de Netlify y en este Post te enseñara a publicar una página web en esta plataforma.

Antes de continuar te invito a escuchar el Podcast: “Que Hacer Cuando Estamos En Casa” :

Spotify: Sound Cloud:

Bien ahora continuemos con el Post: Como publicar una Página o Proyecto Web en Netlify.

Archivos de la Página Web

Hasta la fecha de este tutorial, para poder publicar una página en Netlify, debes de tener alojado los archivos de tu página web en GitHub, espero que más adelante agreguen otra manera de crear una web.

Te recomiendo leer el tutorial Como crear un Repositorio Github y subir los archivos de tu Proyecto modo Fácil si es que aún no has subido los archivos de tu página web en GitHub.

Si ya sabes como hacerlo o ya tienes lo archivos de tu página web alojados en GitHub, puedes continuar no hay problema.

Publicando el Sitio Web en Netlify

Antes de continuar debes de crearte una cuenta en la página de Netlify y luego inicia sesión con tu nombre de usuario y contraseña.

Luego de iniciar sesión, el sistema me redirecciona la página de Sitios que tengo creado en Netlify, como yo aún no he creado uno, pues hago clic en el botón que dice New site from Git que esta al lado derecho.

Elijo GitHub como proovedor de los archivos de la página web.

Me aparecerá una ventana en donde debo autorizar a Netlify para que pueda acceder a los repositorios que tengo alojados en GitHub.

Luego de darle los permisos, Netlify me listará los repositorios que tengo creados en mi cuenta de GitHub, selecciono el repositorio en donde subí los archivos de mi sitio web, yo los he alojado en el repositorio pepoflex/pt, hago clic en ese repositorio para continuar.

En el siguiente paso reviso mis datos, puedo seleccionar la rama del repositorio, crear un directorio para el proyecto, entre otras opciones, yo lo dejaré tal cual como esta y presiono el botón Deploy site para crear el sitio web.

Y con esto se me ha creado mi sitio web en Netlify, para ver el resultado final solo hago clic en la url que me ha generado automáticamente Netlify para mi sitio web.

Me carga en el navegador mi sitio web correctamente, el diseño que use es de mi portafolio de hace 10 años.

Eso es todo, ahora podemos sacarle provecho y usar todas las funcionalidades que Netlify nos ofrecer como los Plugins, Analytics, etc.

Actualizar el Sitio Web

Para actualizar el sitio web, debemos realizar los cambios en el repositorio de GitHub en donde tengo alojados los archivos del sitio web.

Luego de hacer los cambios en el repositorio GitHub, solo actualizamos la página en el navegador y podemos ver los cambios realizados. En la pestaña Deploys, puedo ver los cambios que he realizado en el repositorio GitHub del sitio web.

Al inicio de este tutorial, he colocado una Demo para que puedas ver el resultado final, en esa Demo también muestro como actualizar la página web. 

Conclusión

En este tutorial hemos aprendido a publicar un sitio web en la plataforma Netlify, conforme vayas trabajando con esta plataforma, lograrás dominar sus diferentes funcionalidades. 

Nota(s)

  • Los pasos mencionados en este tutorial, puede cambiar, esto no depende de mi, si no de Netlify, que suele cambiar el orden de sus opciones de configuración.
  • No olvides que debemos utilizar la tecnología para hacer cosas buenas por el mundo.

Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.

Newsletter

Suscríbete a Nuestro Boletín de Novedades:

(Luego de la suscripción no te va salir ningun mensaje. Solo revisa tu bandeja de Correo para confirmar tu suscripción)
* indicates required
Subscribirse
Notificar a
guest
0 Comments
Inline Feedbacks
View all comments