Aprende a dockerizar tu aplicación de Frontend (React, Angular) y ahorra tiempo y recursos

Поділитися
Вставка
  • Опубліковано 10 гру 2024

КОМЕНТАРІ • 91

  • @LeiferMendez
    @LeiferMendez  2 роки тому +3

    🤑 𝐂𝐔𝐑𝐒𝐎𝐒 𝐏𝐀𝐆𝐎𝐒
    ├𝘼𝙉𝙂𝙐𝙇𝘼𝙍 principiantes ⮕ link.codigoencasa.com/PROMO-INICIAL
    ├𝙉𝙊𝘿𝙀 principiantes ⮕ link.codigoencasa.com/NODE
    └ 𝘼𝙒𝙎 𝘽𝙖𝙨𝙞𝙘𝙤 desde cero ⮕ link.codigoencasa.com/AWS

  • @theproclamer
    @theproclamer Рік тому +11

    Gran video de verdad! esto a los juniors y no tan juniors es una casi master class de como empaquetar aplicaciones y hacer su distribución de forma profesional, gran trabajo!

    • @LeiferMendez
      @LeiferMendez  Рік тому

      Hola Enrique gracias por ese comentario 🙌🙏

  • @bloodbahamut
    @bloodbahamut Рік тому +1

    Tengo una semana jugando con esto de Docker con vainas del front y me cae como anillo al dedo, Gracias Leifer :)

  • @daniklean
    @daniklean 2 роки тому +6

    Justamente estaba haciendo unas cositas con Docker y wow. Es una pasada la verdad🔥📌

  • @mochemiguel1233
    @mochemiguel1233 2 роки тому +1

    Recuerdo alguna vez en un live que te hice una pregunta acerca de dockerizar fronts, recuerdo que me decìas que habìas escuchado algo asì pero no probado, ahora sale esta joya, sos un crack Leifer

    • @LeiferMendez
      @LeiferMendez  2 роки тому

      Saludos Miguel !! Haha 😆 ya lo tenemos aquí

  • @carlozlopez7563
    @carlozlopez7563 2 роки тому +1

    eh vueltooooooo jejeej, se acabaron los finales ,desde ya gracia por el videotutorial , gracias por compartir amigo ,un abrazo a la distancia, tambien sera para mi yo del futuro ya q aun soy basico

    • @LeiferMendez
      @LeiferMendez  2 роки тому +1

      Buenas Carloz un saludo y un abrazo gracias por pasarte

  • @rush2112chile
    @rush2112chile 5 місяців тому +1

    Esta información vale oro, gracias!

  • @hitorikenshin
    @hitorikenshin Рік тому +1

    uff todo super claro, Exelente video
    y Exelente tema!!

  • @agu160579
    @agu160579 Рік тому +1

    Un nuevo subscriptor por aquí. Vengo de parte de Bazael (Dominicode) que me cuenta maravillas de ti ;)

    • @LeiferMendez
      @LeiferMendez  Рік тому

      Buenas Agustín muchas gracias y bienvenido a esta comunidad 🙌🙌

  • @felixfigueroa
    @felixfigueroa 2 роки тому +1

    Sin duda es mucho más rápido así....gracias por compartirlo!

    • @LeiferMendez
      @LeiferMendez  2 роки тому

      De nada! Gracias a ti por comentar y pasarte

  • @andresfcuellarc
    @andresfcuellarc Рік тому +1

    Genial! muy bien explicado! Gracias al tu del pasado!

  • @jscode_es
    @jscode_es Рік тому +1

    Esto es un mensaje para mi yo del futuro, recuerda que este vídeo de té encantó.

    • @LeiferMendez
      @LeiferMendez  Рік тому

      🙌🙌🙌🙌 Excel comentario gracias por pasarte

  • @LocalGhost_8080
    @LocalGhost_8080 2 місяці тому

    Wow genial. Y buen punto. Hacer tutoriales para uno mismo y ayudar a los demás de paso. Gran gran idea.
    No me queda muy claro por qué no usan archivos env. Me gustaría intentar usar los 3 archivitos típicos dev.env, qa.env y prod.env en lugar del script js.

  • @hermanmoralesara7766
    @hermanmoralesara7766 2 роки тому +1

    Que gran explicación!!! Muchas gracias.

    • @LeiferMendez
      @LeiferMendez  2 роки тому +1

      Saludos Herman gracias por comentar

  • @phonevelarde5692
    @phonevelarde5692 Рік тому +1

    Excelente video, gracias por compartir esta valiosa información.

    • @LeiferMendez
      @LeiferMendez  Рік тому

      Gracias a ti por compartirlo y comentar 👏🙏

  • @aflorotv.1136
    @aflorotv.1136 Рік тому +1

    Hace poco termine mi primer proyecto y me encontré con ese problema, y de partir de ahí entendí más docker ...

  • @CoDeToLsEr
    @CoDeToLsEr 2 роки тому +1

    👏👏👏👏👏👏👏👏 excelente información ❤️👍

  • @gmayas
    @gmayas 2 місяці тому

    Lo que yo observe, que creaste el contenedor, lo subiste a tu cuenta de Docker Hub, realizaste en PULL en una Maquina Virtual de Linux, al final todo lo desplegaste manualmente.

  • @billyalexanderdelacruzduqu790
    @billyalexanderdelacruzduqu790 2 роки тому +1

    Lo que necesitaba ❤

  • @TherLevid
    @TherLevid 11 місяців тому +1

    Amo docker

  • @jilse7
    @jilse7 Рік тому +1

    Joder!!
    Excelente video

  • @daniklean
    @daniklean 2 роки тому +1

    Brutal la implementación🔥🔥. Aún la estoy procesando😁😪

    • @LeiferMendez
      @LeiferMendez  2 роки тому

      😬😬🤔☺️😮😆

    • @LeiferMendez
      @LeiferMendez  2 роки тому

      Gracias por comentar y siempre estar presente

  • @gabo868
    @gabo868 2 роки тому +1

    Genial! Uno con ejemplo de angular pls!

    • @LeiferMendez
      @LeiferMendez  2 роки тому +1

      Mañana lo hago y lo dejo en link de descripción

    • @gabo868
      @gabo868 2 роки тому +1

      Gracias, sr! Éxitos

  • @EzequielRegaldo
    @EzequielRegaldo Рік тому +10

    Hay una mejor práctica para esas cosas, te sugiero usar variables de entorno como corresponde en el docker-compose.yml y no así porque es raro ... para eso es mejor un json como archivo de config u otra cosa que realmente se use con esa finalidad sino podes confundir al team D:

    • @LeiferMendez
      @LeiferMendez  Рік тому +1

      Genial luego lo hago con el composer ! 🙌🙌

    • @EzequielRegaldo
      @EzequielRegaldo Рік тому +1

      @@LeiferMendez es un viaje de ida xD incluso en el dockerfile podes usar "ARG" y "ENV" dependiendo la etapa de build de la imagen y queda espectacular

    • @LeiferMendez
      @LeiferMendez  Рік тому

      @@EzequielRegaldo hahaha me apunto por ese viaje 😆😆

  • @renends7615
    @renends7615 Рік тому +1

    Este video es excelente.
    Docker sigue siendo un misterio tal que la mayoría de las veces no sé qué está pasando 😅. ¡Les pido que continúen el video en este formato, ayuda mucho!
    ¡Gracias!
    ¡Feliz navidad!

    • @LeiferMendez
      @LeiferMendez  Рік тому +1

      Saludos Ren me parece que voy. A hacer más de docker a la gente le gusta

    • @renends7615
      @renends7615 Рік тому

      @@LeiferMendez 👏💯🚀

  • @dalthonmh
    @dalthonmh 2 роки тому +1

    Hola gran información, por consulta este ejemplo es para generar la imagen de despliegue vrd, para hacer live reload como se haría o en development?

  • @christiangarciagarcia
    @christiangarciagarcia Рік тому +1

    Hey muchas gracias!!!!!!!

  • @Juan-nh6lz
    @Juan-nh6lz 5 місяців тому +1

    Hola excelente video, úedes dockerizar un frontend y microservicio con socket io para un simple chat, si puede con react y docker compose build y up, gracias

  • @rodrigov9068
    @rodrigov9068 5 місяців тому

    Que opinas en crear una imagen con bun en vez de pnpm?

  • @full-music
    @full-music Рік тому +1

    Simplemente hermoso

  • @RichardAllccaLlano
    @RichardAllccaLlano Рік тому +1

    hola Leifer, preguntas
    Que es vite.config o que otro tipo de cosas puede hacer?
    en el minuto 4 cuando al hacer el build cambia el comentario por la etiqueta con el script, usas un vite.config.ts pero en caso sea angular por ejemplo como lo harias si agular no usa vite ?

    • @LeiferMendez
      @LeiferMendez  Рік тому +1

      Buenas Richard puedes dejar el script sin comentar directamente no es obligatorio remplazarlo puedes dejarlo pero si de igual manera quieres cambiarlo puedes hacerlo de esta manera github.com/angular/angular-cli/issues/4451#issuecomment-285026543

    • @RichardAllccaLlano
      @RichardAllccaLlano Рік тому

      @@LeiferMendez excelente una vez mas gracias 🙋‍♂

  • @ismaelvallemartinez3120
    @ismaelvallemartinez3120 2 роки тому +1

    Que fuente utilizas para VS?? Gracias.

  • @alexissilva6663
    @alexissilva6663 2 роки тому +1

    Hola, que tanta diferencia habria si en lugar de un volumen fuera una variable de entorno que se le pasa a la imagen?
    Saludos excelente contenido

    • @LeiferMendez
      @LeiferMendez  2 роки тому +1

      Saludos Silva no me funcionó pasarlo como --env lo probaré nuevamente

  • @AS-ui4ob
    @AS-ui4ob Рік тому +1

    En caso de tener más de una aplicación de react y más de un servidor, tendría que usar un nginx por cada aplicación de React?

    • @buhito23
      @buhito23 Рік тому +2

      Cada contenedor es como si fuese un servidor exlusivo para una App, recuerda que cada contenedor es un server virtual (dockerizado) que tiene sus propieas configuraciones.

    • @AS-ui4ob
      @AS-ui4ob Рік тому +1

      @@buhito23 Gracias por tu respuesta.

    • @LeiferMendez
      @LeiferMendez  Рік тому

      Gracias por tu apoyo a la comunidad.
      ¡Un saludo! ✌

  • @briansuarez9028
    @briansuarez9028 Рік тому +1

    Excelente!

  • @JonathanOrtiz-nc8yl
    @JonathanOrtiz-nc8yl Рік тому +2

    al principio no entendi, al final tampoco

  • @DonatoBencosme
    @DonatoBencosme 2 роки тому +1

    Docker + Dev Containers ❤

  • @diegoperez-mu1dm
    @diegoperez-mu1dm Рік тому +1

    Se puede hacer lo mismo con docker-compose?

  • @luchoquiru2776
    @luchoquiru2776 2 роки тому +2

    Gracias

  • @horimiyarawstyle
    @horimiyarawstyle 4 місяці тому +1

    para en mis pasadas empresa que estuve fue mas un dolor de cabeza usar docker y lo descartaban

  • @MiguelAngel-bf8et
    @MiguelAngel-bf8et 10 місяців тому

    Buenas Leifer compañero ya hace tiempo que no hablamos desde que saliste de excelia. Una pregunta, estoy siguiendo el tuto pero solo me sale la pagina del nginx, le he dado mil vueltas pero no consigo ver cual es mi problema. Por lo demás genial, sigue así.

  • @bryamparra5616
    @bryamparra5616 Рік тому

    Una consulta, estoy empleando docker para una aplicación con backend y frontend, el frontend es angular y los dos contenedores funcionan bien por separado, pero en el angular tengo un problema que no se puede comuncar y con la API del backend, en el angular instancie que la url es nombre de mi contenedor:5000/api/
    y no reconoce. Que podría estar configurando mal tanto en archivos para docker como del nginx.
    Si conocen un tutorial les agradecería. Gracias

  • @wisthongdavidmartinezcastr5924

    Cuando haces un ejemplo con un proyecto con angular?

  • @munozhoracio
    @munozhoracio Рік тому +1

    Te recomiendo usar imagenes de Docker con version especifica, no es una buena practica usar Imagenes que puedan cambiar con el tiempo. muchas veces pasa que si te actualiza la version de node por ejemplo tu version de aplicacion deja de funcionar

    • @LeiferMendez
      @LeiferMendez  Рік тому +1

      Excelente aporte no lo tome en cuenta para este ejemplo 🙌🙌🙌🙌 gracias un abrazo

    • @munozhoracio
      @munozhoracio Рік тому +1

      @@LeiferMendez otro punto interesante es usar Docker para el entorno de desarrollo, vcode tiene un complemento muy bueno para eso. Esto facilita las herramientas que necesita el desarrollador para trabajar. Pero basicamente es una imagen basada en node con las librerias necesarias y montar el volumen del path donde estas parado (PWD)

  • @breystonbarton4024
    @breystonbarton4024 2 роки тому +1

    Has probado docker compose?

  • @phantasytumbaco
    @phantasytumbaco 4 місяці тому

    Cómo se llama el repositorio para poder practicarlo del video

  • @orlandog1979
    @orlandog1979 Рік тому +1

    Poco a Poco Todo lo que SE ESTA haciendo en El back SE ESTA haciendo en El front 😂😂😂🎁

    • @LeiferMendez
      @LeiferMendez  Рік тому

      Síii justo los días pasados estaba leyendo algo sobre esta nueva manera

  • @codeOlider
    @codeOlider 2 місяці тому +1

    la parte de fornt hiciste demasiado.. para hacer la imagen debería ser sencillo pero todo modos gracias. te recomiendo otro video sin tanta vuelta saludos

  • @enriqueruiz320
    @enriqueruiz320 Рік тому +1

    😱😱😱

  • @elanonimatox749
    @elanonimatox749 5 місяців тому

  • @gustavovelazquez9495
    @gustavovelazquez9495 Рік тому +2

    estimado, te enredas mucho. no me gustó el video.

    • @LeiferMendez
      @LeiferMendez  Рік тому

      Gracias por el comentario Gustavo 🙌