Тёмный

Hosting y despliegue continuo gratuito con GitHub y Netlify 

DesarrolloWeb.com
Подписаться 144 тыс.
Просмотров 10 тыс.
50% 1

En este vídeo te enseñamos a configurar GitHub y Netlify para organizar el sistema de despliegue continuo de un proyecto frontend, de una manera sencilla, con su propio dominio.
El servicio de Netlify ofrece hosting de sitios web gratuito, ideal para sitios estáticos (generados con un Static Site Generator) o aplicaciones frontend modernas. Nosotros lo usamos en varios proyectos y la verdad es que es muy cómodo.
En el vídeo verás cómo crear y configurar una aplicación frontend, usando Snowpack, con todo un sistema de Build, y cómo subir el proyecto a GitHub y luego configurar las herramientas de integración continua y despliegue continuo (CI/CD) con Netlyfy.

Наука

Опубликовано:

 

13 окт 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 46   
@pecasuy
@pecasuy 3 года назад
Excelente como siempre, sus videos no tienen desperdicio. Abrazo y gracias.
@deswebcom
@deswebcom 3 года назад
Me alegro mucho que te gusten!! gran comentario 😊 un abrazo!
@ropdev
@ropdev 3 года назад
Muchas gracias por tan excelente video. Seguí las indicaciones y funcionó perfectamente. Me ha encantado
@deswebcom
@deswebcom 3 года назад
Genial, muchas gracias por contarnos tu experiencia! un abrazo!
@nicoux9581
@nicoux9581 3 года назад
Impresionante. Muchas gracias!
@deswebcom
@deswebcom 3 года назад
Gracias Nico!! me alegro que te haya gustado!! un abrazo!
@lorenainfanter.3099
@lorenainfanter.3099 3 года назад
Era lo que buscaba! Muchísimas gracias!!
@deswebcom
@deswebcom 3 года назад
Gracias Lorena, me alegro que te haya servido!
@juliandesign6201
@juliandesign6201 3 года назад
Genial video!!!
@deswebcom
@deswebcom Год назад
Gracias!! Un saludo Julian!!
@maxdiaz1807
@maxdiaz1807 3 года назад
muchas gracias, habia subido mi primera app, bueno desplegado en netlify y no sabia como cambiar algo que se subio mal.
@deswebcom
@deswebcom 3 года назад
Gracias a ti por comentar!
@pablojavierjimenez
@pablojavierjimenez 3 года назад
infinitas gracias como siempre desde el 2013 no entiendo porque sus videos me los de jo de mostrar youtube, y hay otros canales que me canse de decirle no me interesa, y me siguen apareciendo en todos lados
@deswebcom
@deswebcom 3 года назад
Pues sí, yo tampoco entiendo el algoritmo de RU-vid qué criterios usa para decidir qué videos mostrar... Supongo que si le das al botón de "me gusta" nos ayudará a aparecer más y que también otras personas puedan encontrar los vídeos del canal. Muchas gracias por tu comentario! un abrazo fuerte!
@jordi0107
@jordi0107 3 года назад
hola , esta vez ando pedidísimo . SnowPack ha lanzado la versión 3 y no sabido seguir tus indicaciones, por otro lado el tema de Git y Netifly excelente
@deswebcom
@deswebcom 3 года назад
Gracias por avisar. Repasaré snowpack para ver qué ha cambiado.
@manueisabel
@manueisabel Год назад
Muchas gracias por el video. Tengo una web en producción en netlify, me lo hizo una empresa, ahora quiero realizar cambios desde github como lo muestras en el tutorial. Hay una manera de pasar todo de netlify a github? en pocas palabras, lo mismo que has explicado pero a la inversa. Un saludo!
@deswebcom
@deswebcom Год назад
No existe necesidad de pasarlo, porque generalmente ya lo tendrás en GitHub el proyecto, o en un hosting de repositorios Git de otra empresa. Sin eso creo que no puedes publicar nada en Netlify. En los menús de configuración de tu sitio web encontrarás el repositorio con el que está enlazado el proyecto.
@javiromero4067
@javiromero4067 3 года назад
Me gustó tu vídeo amigo, pero tengo una pregunta si tengo webpack también puedo escribir esos mismos comandos de producción para asociar netlify con git hub, es decir el comando "npm i && npm run build" ese comando también serviría para webpack o solamente para snowpack ?
@deswebcom
@deswebcom 3 года назад
Si claro, como dices. Es indiferente el sistema de bundles que uses. Lo importante del vídeo no es que se use webpack o snowpack, son intercambiables para este caso.
@AB-tl5uw
@AB-tl5uw Год назад
hola , que se pondria en el build command si utilize tailwind??
@deswebcom
@deswebcom 11 месяцев назад
Si claro, sería perfectamente viable.
@bitcoinIsCash
@bitcoinIsCash 3 года назад
hola, yo uso wordpress porque soy muy novato en estos temas asi que no entendi muy bien esto del netlify (tampoco me interesa ahora, es por curiosidad) y me preguntaba por que seria interesante usarlo.. me imagino que va por aplicar cambios rapido usando git o algo asi
@deswebcom
@deswebcom 3 года назад
Netlify es un hosting nada más, no es algo que vaya a hacerle la competencia a WordPress. Lo que sí es para mi una apuesta viable que puede hacerle la competencia es los frameworks como Hugo, llamados Static Site Generator. Básicamente porque éstos permiten un desarrollo avanzado y ágil como el que obtienes gracias a WordPress, pero que una vez producidos los sitios lo que tienes es solamente código HTML y CSS y Javascript, pero nada de programación del lado del servidor. Esto hace que los sitios generados sean completamente seguros y muy rápidos y los puedas alojar en sitios como Netlify que permiten el hosting de archivos estáticos, en vez de necesitar PHP, MySQL, etc.
@jonathancorrea8809
@jonathancorrea8809 2 года назад
Excelente video.! Consulta ¿ como se puede eliminar el sitio que se subió por duplicado?
@deswebcom
@deswebcom 2 года назад
Bueno, en el panel de control de Netlify podrás eliminar el que no quieras.
@bilalchekfeh8317
@bilalchekfeh8317 3 года назад
Alguien sabe con Golang cuál sería el build command y el publish directory ?
@deswebcom
@deswebcom 3 года назад
Pero con algún framework en particular??
@bilalchekfeh8317
@bilalchekfeh8317 3 года назад
@@deswebcom ningún framework
@deswebcom
@deswebcom 3 года назад
@@bilalchekfeh8317 Entonces no creo que haya definido ninguno en concreto, sería el directorio de trabajo que tú configures
@Falsificadores
@Falsificadores 3 года назад
Hola, buen material, podrías actualizar el tutorial?, porque Snowpack ha cambiado algo, de antemano gracias.
@deswebcom
@deswebcom 3 года назад
Ok, sí! lo miraré y actualizaré!!
@emirmendez7635
@emirmendez7635 3 года назад
Muy rápido. Gracias por la info. Sirve para sitios ssr?
@deswebcom
@deswebcom 3 года назад
Para la parte del servidor tiene las funciones serverless. Es más para el tipo de aplicaciones SPA o los sitios estáticos generados.
@emirmendez7635
@emirmendez7635 3 года назад
@@deswebcom si puntualmente pensaba en angular ssr
@deswebcom
@deswebcom 3 года назад
@@emirmendez7635 Sí, supongo que con Angular sin problemas puedas montarlo. Si quieres mira los post sobre este tópico en su blog de ellos a ver si te aclara alguna cosa www.netlify.com/tags/server-side-rendering/ en google si buscas tb hay algunos artículos sobre el tema
@angeladanae6349
@angeladanae6349 2 года назад
Hola, snowpack ha dejado de recibir soporte recientemente, aún así recomienda usarlo?
@deswebcom
@deswebcom 2 года назад
Hola, actualmente mejor usar otra alternativa. Es una pena porque era una herramienta prometedora. Yo suelo usar Webpack generalmente.
@tigreonice2339
@tigreonice2339 Год назад
Sirve para subir web app creadas con Django ?
@deswebcom
@deswebcom Год назад
Hola, este servicio no está pensado para este tipo de frameworks backend.
@danielbriceno3658
@danielbriceno3658 3 года назад
Hola subi mi proyecto de Vue solo arrastrando la carpeta, pero noto que mi aplicación de Vue es muy lenta, por ejemplo presionó un botón y tarda en reaccionar, ¿Por qué será?
@deswebcom
@deswebcom 3 года назад
Es difícil de saber así con lo que comentas. Te sugiero ver las herramientas para desarrolladores del navegador, que seguramente te puedan dar alguna pista de lo que pueda estar fallando.
@Naimadmdp
@Naimadmdp 3 года назад
Te recomiendo ver esbuild la está petando es 100 veces más rápido que webpack
@deswebcom
@deswebcom 3 года назад
si, ha salido toda una hornada de nuevos sistemas de bundelizado. Te recomiendo ver snowpack
@sernon158
@sernon158 2 года назад
El video me fue bien hasta el minuto 07:00 mas o menos. No funciona el comando git, me pone que no existe y no tengo un 1 en el cable ese en visual. Hice lo mismo exactamente que en el video pero no funciona nada ayuda
@deswebcom
@deswebcom 2 года назад
Hola, si te falla el comando "git" es que no tienes instalado Git en tu ordenador. Por favor, lee este artículo para aprender a instalarlo. desarrolloweb.com/articulos/entiende-instala-configura-git.html
Далее
Clonar un repositorio Git de GitHub
7:00
Просмотров 101 тыс.
Git MERGE vs REBASE
16:12
Просмотров 1 млн
Despliega tu app Angular en Netlify en 5 minutos
5:14
Просмотров 4,5 тыс.
Despliegue de Nodejs en Render.com (con PostgreSQL)
28:54
Qué es Git, GitHub y otros conceptos
22:12
Просмотров 4,4 тыс.
Integración y despliegue continuo Jenkins
16:11
Git and Github | Practical Course from Scratch
50:48
Просмотров 1,4 млн
😮Новый ДИРЕКТОР Apple🍏
0:29
Просмотров 20 тыс.