No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Despliegue en Netlify

8/17
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:

  1. Accede a Netlify, ve a Netlify.com y selecciona "Crear cuenta".
  2. Conecta con tu cuenta de Github. Esto implica redirigir y autorizar a Netlify para acceder a tus repositorios.
  3. 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:

  1. 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.
  2. 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:

  1. Elecci贸n de la rama. Selecciona la rama que deseas desplegar, en este caso, la rama "master".
  2. Despliegue. Haz clic en "Deploy site" para que Netlify comience a descargar el repositorio y lo despliegue autom谩ticamente en su red.
  3. 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:

  1. Dominio aleatorio. Al desplegar tu aplicaci贸n, Netlify generar谩 autom谩ticamente un dominio aleatorio con extensi贸n netlify.app.
  2. 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?

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

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.

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

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

驴Para PHP qu茅 tal funciona?

El mio 馃槃

Woooo increible saber esto Netlify ahora ser谩 mi mejor amigo

Super facil, no tube ningun problema

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

investigare si este netlify sirve para desplegar no estaticos

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

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

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.
<https://66bd28bc6142150a4ac4a582--stunning-wisp-7d3051.netlify.app/>
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!

Hice la prueba con un PWA que tenia en ionic y al parecer no hizo falta agrergar el archivo de redirects, pero si cambie el folder de publis a www/

Crear netlify Page

Desplegado con url modificada

pagina html con javascript marca error 404 al subir a la plataforma