Nextjs y Github Actions CI/CD, Mas Dominio, PM2, Nginx y Más

[@sebastianmolina8312]

buen video, se JavaScript css html nodejs y ahora Nextjs y GitHub👋👋

[@hernandezascenciobrandonyo3510]

Hay algo que este hombre no haga bien? Gracias fazt 👌

[@JimyDrive]

Llevo unas semanas a tope con Next y este vídeo me va como anillo al dedo. Gracias por estos tutoriales tan útiles.

[@eliasmaggi8011]

Cuando quiero aprender algo nuevo entro a tu canal para buscar si tenes un video relacionado, excelente contenido siempre..

[@jonathanbriceno3865]

Waooooo.....Oro puro, por fin un vídeo completo con actions... Inmensamente agradecido máster. Eres un crack...te admiro un montón. Saludos desde Venezuela.

[@valentinsacco]

Excelente video Fazt, hace tiempo estaba buscando un video para poder desplegar una api en aws con CI/CD. Sugerencia: Si al ejecutar "pm2 start npm - - start", les aparece watching = disabled, ejecuten "pm2 start [id] - -watch".

[@nicolaspereira7103]

he estado 2 semanas tratando de hacer los mismo para un proyecto de la universidad viendo tutoriales por todos lados y no me salia!! y con las mismas tecnologías 😮😮 GRACIAS POR EL TUTORIAL!!! ¡¡¡¡ME SALVASTE LA VIDA!!!!💥💥

[@diegosantelices4854]

Como se aprende con tus videos!!!🎉🎉

[@irwinmoralescabrera9681]

Que pro , a ponerlo en practica en futuras implementaciones . Muchas gracias por la explicacion.

[@anotheranother5007]

Este hombre es una maquina. Otro video que me anoto para ver. Muy chula la miniatura ;)

[@jacobocovarrubiaszapata3816]

Muchas gracias por tus videos, recuerdo cuando no sabia ni javascript y aprendi muchisimo contigo

[@angelcondori9427]

hola es es en frontend en caso de tener el backend y frontend separado como lo puedo hacer

[@supramaxis]

es increible la manera en la que funciona Github Actions pero algo que veo mas practico es pasar tu aplicacion a traves de un tunnel de cloudflare, asi puedes hacer port forwarding sin necesidad de modificar los puertos con ufw ni con el proxy de nginx es una gran opcion ya que te da ssl gratis incluido

[@fabbiodv]

Excelente video hermano justo necesitaba una guia de como hacer el deploy!

[@tidyodooy]

Justo hace unos días esperaba que sacarás un curso de Nextjs

[@luiggibravo3040]

Fazt calmate por favor, no te puedo seguir el ritmo jajaja

[@tidyodooy]

Fazt = Fast

[@manuelforro]

JAKSJSJAJA lpm si totalmente va a los pedos

[@gmayas]

El primer Step debe de ser: - run: pm2 stop 0, para que el Runner pueda trabajar con éxito junto con el Actions, al ultimo - run: pm2 reload 0

[@luisfernandosierra5871]

Ufff excelente sigue así con ese contenido de tan alta calidad, seguiré esperando nuevos videos tuyos y mas si son de next js, saludos

[@JMolina621]

Saludos desde Venezuela fazt, excelente video estoy desplegado para producción una aplicación Nextjs 13, entiendo un servidor VPS con Centos 7 y apache. Este tutorial me ha ayudado bastante de hecho ya tengo la aplicación corriendo en el servidor pero con la ip:3000, me quede en esa parte porque tengo la duda de si puedo instalar ngnx si ya esta instalado apache. Osea no quiero dañar la ejecución de MySQL y otros servicios que estan configurados con apache.. que me recomiendas para poder terminar la configuración del dominio para mi aplicación. Quedó atento a tu respuesta si me puedes ayudar. Gracias.

[@agustinpiriz7752]

Buenas Fazt, está excelente todo, lo unico que no soporta esta configuración, es el seteo de la cookie por ejemplo con passport. Di mil vueltas encontrando la manera de llegar a que el servidor mande correctamente la cookie al navegador, pero por algún motivo el navegador lo bloquea y queda por el camino. Por si llegas a querer encontrar solución jeje

[@victorjuanjimenezflores2942]

Muchas gracias por este video tan genial Fazt! es justo todo lo que queria aprender. Por cierto, cómo se llama el tema que usas para Chrome? gracias de nuevo

[@lucasguzman7338]

Muy buen video. Gracias fazt!! Maestro!

[@FaztCode]

Gracias a ti Lucas por el apoyo!

[@fabribarreto14]

Gracias!! Intentare usarlo en mi pwa con next que funciona con nginx y pm2 pero los deploys los hago manualmente.

[@FaztCode]

Genial, ahora puedes añadirle Github actions y te evitas esas tareas manuales

[@gmayas]

¿Tendrás un proyecto donde se pueda publicar el FrontEnd (Angular), BackEnd (API Rest) NodeJS y una Base de datos PostgreSQL en esta misma MV Linux, utilizando Actions y Runner de cada proyecto?

[@000...0]

@Fazt ya sé que este es un video viejo, pero estoy llevando un proyecto a un servidor aprendiendo como se hace en el proceso, recomendarías además de github actions utilizar docker para llevarlo a prod? Tanto app como bd?

[@daustinnmusic]

Gracias fazt.

[@adxellarango9218]

Hola Fazt, gracias es muy bueno el tutorial, te quería preguntar sobre el uso de docker que tan recomendado es?, porque se pueden crear una configuración con docker compose y poder ejecutarla en VPS y ahorrarnos tener que instalar de nuevo las dependencias y también se puede tener una configuración y con un solo comando poder ejecutar la app en diferentes env. De nuevo muchas gracias

[@FaztCode]

si es recomendable

[@danielnunez1874]

@Fazt Es posible crear una inteligencia artificial que pueda aprender todas las ramas de la ingeniería por su propia cuenta?

[@compillercompiller633]

like :/ mentira todavia no lo vi jaja "con una net haciendo una api rest en python en linux mint" ?llegare al deploy¿ genio fazt siempre

[@valentinsacco]

Hola Fazt, ¿como se crearía un workflow para crear una imagen de docker de una aplicación en cada push, y que el codigo se ejecute en un contenedor dentro del servidor?

[@arsenico-of3yn]

Fazt, como idea sería bueno también escuchar tu opinión sobre otros temas ya no tan técnicos pero que también son importantes. Por ejemplo: el setup que utilizas, tu opinión sobre una buena silla ergonómica, los hábitos que te permiten estudiar/trabajar X horas al día.. considero que tu opinión sobre esos temas es muy importante. Sé que tu contenido va sobre programación pero te agradecería bastante si en algún momento lo consideras. Gracias

[@RoyCerdan]

Y si tengo variables de entorno en el proyecto, cómo es la configuración con github actions.

[@DanielAlexisRivasNieto]

Hola, muchas gracias por tus videos, que diagramador estas usando en el video? para hacer el diagrama? Gracias

[@FaztCode]

Hola Daniel, es este programa: kzbin.info/www/bejne/gZvcc39sZdp5gpI

[@christianmiguez1379]

Hay alguna manera de evitar que haga npm install si las dependencias no cambian?

[@mauriciorodriguez534]

Se podría este mismo video pero con nuxt3 me parece que nuxt3 y Vue también son poderosos Pd : muchas gracias siempre por tan bien contenido

[@FaztCode]

De hecho todo el proceso es el mismo con Nuxtjs :)

[@mauriciorodriguez534]

Ok gracias 😁 eh que tampoco vendría mal un nuevo video de nuxt3 con todo lo nuevo (Vue vite el propio nuxt3)

[@carlosolea3019]

Bro , alguna recomendacion para un preoyecto con roles de usuario y gracias por este nuevo tutorial

[@efrenderr]

Tengo una duda a ver si me puedes ayudar o cualquiera de los seguidores del canal que tenga mas experiencia que yo. Quiero contratar un servicio de VPS, como se que cantidad de memoria seria la adecuada paea mi aplicacion nextjs? Ofrecen servicios de 4gb en adelante. No se si con 4b sea suficiente puesto que tengo una laptop que con 4gb la app va muy lento. Entiendo q esta laptop Windows, los navegadorws entre otros consumen muchos recursos y eso es lo que quiero saber como es con los VPS. Gracias

[@josepazmino842]

Una pregunta esto se puede hacer con una app hecha en react con un servidor en node? mejor dicho podria desplegar tanto el backend como frontend en ese servidor y usar github actions para el CI/CD de los dos?

[@FerSpanos]

Hola un video impresionate, soy novato en esto. Me gustaria unirme al canal pero me gustaria saber varias cosas: si despues puedo conctarme con mysql con prisma y si no hay problema con rutas dinamicas y typescript tambien si puedo tener varios domains en el mismo vps con nextjs si me puedes ayudar te lo agradeceria. Gracias de todos modos

[@S4MBENTZ]

excelente. como anillo al dedo

[@brightglitch958]

Genial, máxima calidad de contenido!

[@chenoelmorfeo1230]

Buenas, este video me sirvio mucho para darme cuenta de muchos errores que tuve, pero hay uno que aun persiste, y es que en pm2, al ejecutarlo utilizando npm -- start, me tira error: Unexpected token ":" alguien podria decirme como lo soluciono si alguno tuvo el mismo problema y pudo dar con la solucion?

[@fernandoalmanzapulido6131]

Que recomiendas para realizar el action con php?

[@randomwea9119]

Se me queda colgado el workflow en la parte de npm i, estoy usando node 21.6.2 de NodeSource

[@randomwea9119]

Bueno falsa alarma, ya paso ese paso, tardo casi 5 mins, es normal que tarde tanto? Haciendo ping a google.com tengo una latencia de 1.49 ms Estoy haciendo otro cambio y ya lleva 25 mins ejecutandose esa misma tarea npm i, y al final se me termina crasheando con error 137, cuando me voy directo a la carpeta la carpeta de mi proyecto que genera gitactions y hago el install ahi no dura mas de 30 segundos y sin problemas

[@SanchayanPackiyanathan]

Mil Gracias Amigo!!!

[@NicolasValfre]

Que applicación utilizas para los diagramas?

[@FaztCode]

Hola Nicolas, es esta: kzbin.info/www/bejne/gZvcc39sZdp5gpI

[@hernanmoya2408]

podrias subir un tutorial para terner la terminal como la tienes tu?

[@FaztCode]

Claro, hace tiempo publique en tutorial : Mejorando el Powershell de Windows con OhmyPosh, Windows Terminal y NerdFonts kzbin.info/www/bejne/mmrcYZ9trr5nZpY

[@2kceltics]

esto se puede utilizar directamente en windows 10 o requiero tener instalado linux en mi pc ?

[@FaztCode]

Este es un despliegue para servidor por lo que se usa Linux :)

[@2kceltics]

@@FaztCode Vi el video, esto que estas enseñando vos no lo hace VERCEL de forma mas facil y con menos configuracion? Porque con vercel el deploy al servidor me basta con hacer push a github main y listo actuliza en 30segundos no tuve q configurar nada de esto ni usar linux...

[@SonGoku-pc7jl]

Fazt ha sido una clase genial. Una pregunta. Me suena que si subes next en un servidor que no sea vercel pierdes algunas facultades de next. Es cierto? Que facultades serian? en caso que se pierdan facultades estaria guay un tutorial parecido pero en vez de digitalocean en vercel. Por cierto, conseguí unos euros y voy a unirme de nuevo :) y en unos días a ver si me llega para el dominio y el droplet y reordenar varios proyectos para subirlo en un portafolios chulo. Aunque quizás me salga otro proyecto y pueda ya probarlo en producción aunque no sea para mi :) Un

[@RAULFERNANDOCASTROGALVEZ]

a mi me aparece el status en stopped, a alguien mas le pasa? que pudiera ser?

[@eufroniohernandez4444]

Excelente fazt !

[@geovannygil2223]

Oro puro ❤

[@joseluisherrera1060]

Cómo se llama el programa en el qué haces el diagrama?

[@FaztCode]

Es este kzbin.info/www/bejne/gZvcc39sZdp5gpI

[@jampy42]

Fazt una consulta, luego de estar corriendo el proceso, se puede eliminar la carpeta node_modules? o al menos hacer que pese menos? porque al final por cada app que corra son como 200mb por cada node_modules y se me acaba el espacio del servidor jaja XD

[@FaztCode]

Jaja si entiendo, en realidad si se requiere que cada proyecto tenga su propio node modules, pero prueba con pnpm que es más ligero y este ocupa menos espacio que npm para tus proyectos. Voy a publicar un video mañana del tema :)

[@jampy42]

@@FaztCode justo le había hechado un ojo al pnpm, ya lo uso en local y va genial, eres una bala fazt xD, sigue así 👍

[@brayanmauricio6920]

Super genial muchas gracias.... sigue asi

[@Holri]

Master 🥵

[@devdariill]

1:13:30

[@danielivanescobar6656]

cual es la pagina con la que haces los diagramas?

[@FaztCode]

es esta: kzbin.info/www/bejne/gZvcc39sZdp5gpI

[@kevinramon9855]

Y esa terminal en Windows no me la conocia jjj, llama la atencion regresar a windows

[@Jose_911]

Thanks

[@AndersonManosalva]

Tremendo

[@sprintwithcarlos]

NGINX = enyin ex 😉

[@luisaquinoc6548]

Excelente fazt !!!