Despliegue en Netlify

Curso de Introducción al Despliegue de Aplicaciones

Introducción a las aplicaciones web

Qué aprenderás sobre el despliegue de aplicaciones

Historia de las aplicaciones

Apps Monolíticas vs microservicios

Stacks LAMP, MERN, JOTL, JAM

En dónde se pueden desplegar aplicaciones LAMP y JOTL

Despliegue en servicios frontend

Despliegue en Github pages

Despliegue en Surge

Despliegue en Netlify

Despliegue en Vercel

Despliegue de Bases de datos

Desplegando una base de datos NoSql en Mongo Atlas

Desplegando una base de datos relacional en ElephantSQL

Despliegue en servicios backend

Qué es Heroku

Desplegando Api en Heroku

Consultando nuestra API desde Postman

Generar documentación de API con Postman

Conclusiones finales

Capas gratuitas de grandes proveedores

Despedida

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Recursos

¿Cómo desplegar una aplicación en Netlify?

Desplegar una aplicación en Netlify es un proceso sencillo y eficiente que te permite tener tu sitio web en funcionamiento en cuestión de minutos. Al aprovechar la integración con servicios de control de versiones como Github, GitLab y Bitbucket, Netlify facilita el flujo de trabajo desde el desarrollo hasta la puesta en producción. Vamos a sumergirnos en el proceso paso a paso.

¿Cómo crear una cuenta en Netlify?

El primer paso para utilizar Netlify es crear una cuenta. Netlify permite registrarse mediante varias opciones, entre ellas Github, lo cual facilita la integración y autorización. Al conectar tu cuenta de Github:

Accede a Netlify, ve a Netlify.com y selecciona "Crear cuenta".
Conecta con tu cuenta de Github. Esto implica redirigir y autorizar a Netlify para acceder a tus repositorios.
Permite el acceso. Otorga todos los permisos necesarios para que Netlify pueda funcionar correctamente con tus proyectos alojados en Github.

¿Cómo conectar un repositorio a Netlify?

Después de configurar tu cuenta, el siguiente paso es conectar el repositorio del proyecto que quieres desplegar. Esto se hace en unos simples pasos:

Selecciona "Nuevo sitio de git". Al hacer esto, te pedirá nuevamente conectar con Github, ya que al principio lo conectamos solo para crear la cuenta de usuario.
Autoriza y selecciona el repositorio. Una vez autorizado, se desplegará la lista de repositorios disponibles. Selecciona el repositorio que desees.

¿Cómo desplegar tu aplicación?

Desplegar tu aplicación una vez conectado el repositorio es tan sencillo como seguir estos pasos:

Elección de la rama. Selecciona la rama que deseas desplegar, en este caso, la rama "master".
Despliegue. Haz clic en "Deploy site" para que Netlify comience a descargar el repositorio y lo despliegue automáticamente en su red.
Opciones avanzadas. Si estás trabajando con aplicaciones construidas con Node.js u otros frameworks, Netlify proporciona comandos avanzados para manejar la construcción y publicación.

¿Cómo personalizar el dominio en Netlify?

Una de las características más atractivas de Netlify es la capacidad de personalizar el dominio de tu aplicación:

Dominio aleatorio. Al desplegar tu aplicación, Netlify generará automáticamente un dominio aleatorio con extensión netlify.app.
Personalización del dominio. Puedes cambiar este dominio aleatorio por uno propio, ya sea comprando un dominio a través de Netlify o utilizando uno ya existente.

Este proceso no solo facilita la personalización, sino que también aumenta la profesionalidad del sitio web resultante.

En resumen, Netlify ofrece una experiencia simplificada y eficaz para desplegar aplicaciones web, gracias a su capacidad de integrarse sin esfuerzo con plataformas de control de versiones y ofrecer opciones de personalización avanzadas. Experimenta la rapidez y facilidad de tener tu sitio en línea en solo unos minutos, y continúa perfeccionando tus habilidades de despliegue en el emocionante mundo de las aplicaciones web.

Aportes 20

Preguntas 3

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Christian Diaz Portela Flores

hace 5 años

A tomar en cuenta
Netlify es mi favorito a la hora de desplegar aplicaciones a producción.
Uno de los problemas con los que normalmente te puedes encontrar es el routing del servidor. Por ejemplo:
Si tienes una aplicación SPA (single page application) hecha con React y manejas rutas con React-Router, tienes que tomar en cuenta que al ingresar a una de las rutas de tu aplicación directamente el servidor va a responder con un error 404.

En este caso lo que tienes que hacer es configurar los redirects para tu aplicación. Netlify provee 2 formas de confirgurar las rutas, una es mediante un archivo _redirects y la otra que es mucho mas práctica es mediante un archivo netlify.toml que se coloca en la raiz de tu proyecto.

Deber redireccionar todas las rutas a tu archivo index.html para que tu aplicación se cargue y una vez cargada se encargará del rounting en el lado cliente.
te dejo un ejemplo de configuración del archivo netlify.toml a continuación:

[[redirects]]
  from = "/"
  to = "/index.html"
  status = 200

[[redirects]]
  from = "/users"
  to = "/index.html"
  status = 200

[[redirects]]
  from = "/add"
  to = "/index.html"
  status = 200

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 400

Para mas detalles puesdes consultar la documentación de Netlify

RUBÉN HERNÁNDEZ PUERTA

hace 4 años

Había escuchado mucho de Netlify y no me había dado el tiempo de echarle un ojo, el despliegue es muy fácil y provee certificado SSL, que es un gran plus.

RetaxMaster

hace 4 años

Yo conocí Netlify gracias a los cursos de Vue, es muy común hacer despliegues de Vue ahí, siempre y cuando no requieran den server side rendering

Joel Vicente Nieto Gómez

hace 4 años

Sitio desplegado correctamente:
https://practical-benz-98dc99.netlify.app/

Carlos Contreras

hace 4 años

¿Para PHP qué tal funciona?

Carlos Nassif Trejo Garcia

hace 4 años

El mio 😄

DANIEL SUAREZ

hace 5 años

Woooo increible saber esto Netlify ahora será mi mejor amigo

Juan Diaz

hace 3 años

Super facil, no tube ningun problema

Diego Raciel Ortega Hernandez

hace 2 años

Wow solo conocia netlyfi de nombre pero es muy util para desplegar aplicaciones backend como APIs. Hasta tiene su seccion de variables de entorno :0

Juan Guillermo Perez Cardozo

hace 3 años

investigare si este netlify sirve para desplegar no estaticos

Carlos Enrique Arrieta Fierro

hace 3 años

Netlify sí lo conocía, puedes desplegar una página estática manualmente sin necesidad de asociar tu cuenta de github!!

Gustavo Pú

hace 3 años

https://tweets-simulator-gustavo.netlify.app/

Isaac Morales Cedeño

hace 5 años

Super de volada el despliegue, les dejo el sitio por si lo quieren ver https://imoralesmx.netlify.app/ lo actualizare, mientras es el cascaron

Julio Pacheco

hace 3 meses

1. Crea una cuenta en Netlify en su sitio web. 2. Conecta tu cuenta de GitHub (o GitLab/Bitbucket) a Netlify. 3. Selecciona "Nuevo sitio de Git" y elige el repositorio que deseas desplegar. 4. Elige la rama que quieres usar para el despliegue (usualmente master). 5. Configura los comandos avanzados si es necesario (para aplicaciones más complejas). 6. Haz clic en "Desplegar sitio". Netlify descargará el repositorio y lo desplegará automáticamente. 7. Obtén tu dominio personalizado o usa uno aleatorio proporcionado por Netlify. Con estos pasos, tu aplicación estará disponible en línea.

Mario Alexander Vargas Celis

hace 8 meses

<https://66bd28bc6142150a4ac4a582--stunning-wisp-7d3051.netlify.app/>

Tinco Comp

hace un año

Hola! Quiero comentarles mi caso... Estoy desplegando una web App en React en digital ocean, pero el front cuando se comunica con el backend falla o es lenta. Estoy consumiendo micro servicios para pagos y fotos de productos y descripciones, estos también fallan. Realmente no sé qué estoy haciendo mal. o talvez estoy utilizando mal las herramientas de despliegue ya que en mi entorno local el código funcionaba a la perfección. Agradezco quién me pueda ayudar! o si el profe Santiago nos puede brindar una asesoría!