Maravilosa tu explicacion de verdad pense que era muchisimo mas compleja la parte del React, entré buscando y me gustaria que me ayudaras si sabes como claro está, como deployar una app con React y nodejs, ó una app que esté conectada a una base de datos.
Mil gracias por el comentario!!! Para la parte del backend/base de datos, necesitarías otro servicio como heroku, netlify, etc. podrías desplegar, por ejemplo, la app react en github pages y apuntar al server donde tengas el backend. Me anoto un ejemplo con netlify o similares para mostrar la integración en un próximo vídeo =)
Muchas gracias, sabes si se podría subir también proyectos hechos con python(django - backend) + javascript(vite + react - frontend), saludos desde Málaga.
En github pages solo subirías la parte de front, la parte de backend tendrías que subirla en otros servicios y apuntar a ellos desde el front. Un saludo!
¡Muchas gracias por tu comentario! Para desplegar un servicio de nodejs tendrías que usar plataformas como Railway, actualmente github pages no soporta el despliegue de servicios de backend ni bases de datos, solo de contenido estático =)
Tienes, por ejemplo, un vídeo donde hago el mismo procedimiento con una app de Angular, la diferencia es que hago el build en el propio script de actions así que quizás te sirva para otros casos también, si necesitas algo más específico, dime y me lo anoto para grabarlo =)
Gracias por este tuto! súper bien explicado. En mi caso no conseguí resolverlo porque no usé Vite en mi proyecto. Además es una web con front y back. No consigo hacer el deploy. ¿algún consejo? gracias por adelantado! :D
Claro!! El deploy del front es casi igual aunque no hayas usado vite así que puedes hacerlo sin problema, para el back tienes cosas como netlify o heroku y solo tendrías que apuntar el front al server donde despliegues el back, si quieres desplegar todo en un solo server y te estás planteando alquilar algo, te dejo un cupón para usar en DonWeb shorturl.at/gnwJS
Tengo una pregunta! Solamente Front se puede mostrar o también Backend?... Pregunto porque en mi computadora tengo un proyecto creado con Angular y .Net Core para la API. Pero no se como hacer eso, es decir, en mi computara ejecuto el back y el front y funciona todo perfector pero como puedo hacerlo con github
En github pages solo podrías desplegar la parte de front, para el back, puedes usar cosas como heroku, aws, azure, netlify, etc. y apuntas al deploy del back desde el front desplegado en github =)
Hola, no sé si te refieres al proyecto o a la configuración de github, solo por validar, recuerda que github pages solo está para apps de frontend, si tu app necesita un servidor para renderizarse o iniciar, debes tenerlo desplegado en otro sitio.
estoy empezando con react, pero al momento de hacer el el build y lo subo algunas direcciones tengo que agregarles un punto por que me aparece error 404 pero cuando las ejecuto como dev si les agrego el punto no funciona por ejemplo esto import viteLogo from '/vite.svg' en el codigo que se genera en la carpeta dist para que funcione lo tengo que dejar asi './vite.svg' es normal eso?
Depende de dónde esté la imagen, por ejemplo, si estás usando el directorio public, también dependerá de si estás usando vite o cra, generalmente en la documentación o en la misma terminal tras ejecutar el npm run build te debería aparecer información sobre los directorios y paths para tus assets
Hasta donde tengo entendido no se podría, si quieres desplegar el back tendrías que optar por otro servicio y desplegar el front en github apuntando al back que hayas desplegado en alguna otra plataforma tipo heroku o similares =)
@@programacion-es Excelente , sería bueno un tutorial haciendo este despliegue front y back, ayudaría mucho a los Juniors (como en mi caso) con proyección a ser full stack.
Siempre tan claro Pedro en tus explicaciones! Crei que era mucho mas dificil! Gracias por compartir.
¡Muchas gracias Facundo! Me alegra que el contenido sea útil y fácil de entender, un gran abrazo!
jajaj estaba buscando justo como desplegar uno asi de pure vanilla y fue más fácil de lo que pense gracias!
¡Muchas gracias por tu comentario, me alegra un montón que te haya sido útil!
El tutorial mejor explicado, muchas gracias!!! 🤯
Mil gracias!!! Me alegra un montón que te haya sido útil! Un saludo y que tengas buen código!!
Muy buen video, gracias por compartir tu conocimiento.
Muchas gracias a ti por comentar =)
Gracias, fue de gran ayuda.
Muchas gracias por comentar! Me alegra un montón que te haya sido útil =) Un saludo y que tengas buen código!
Excelente, nuevo suscriptor...!!
¡Muchas gracias! ¡Un saludo y que tengas buen código!
Maravilosa tu explicacion de verdad pense que era muchisimo mas compleja la parte del React, entré buscando y me gustaria que me ayudaras si sabes como claro está, como deployar una app con React y nodejs, ó una app que esté conectada a una base de datos.
Mil gracias por el comentario!!! Para la parte del backend/base de datos, necesitarías otro servicio como heroku, netlify, etc. podrías desplegar, por ejemplo, la app react en github pages y apuntar al server donde tengas el backend. Me anoto un ejemplo con netlify o similares para mostrar la integración en un próximo vídeo =)
Muchas gracias por compartir. Muy facil de desarrollar. Podrias explicar como se haria con Angular? Muchas gracias
Muchas gracias por comentar! Me anoto subir una app base con Angular para mostrar el proceso =)
Muchas gracias, sabes si se podría subir también proyectos hechos con python(django - backend) + javascript(vite + react - frontend), saludos desde Málaga.
En github pages solo subirías la parte de front, la parte de backend tendrías que subirla en otros servicios y apuntar a ellos desde el front. Un saludo!
@@programacion-es gracias Crack
Muy bueno su video, tengo una consulta, como lo haría en el caso de node.js es casi lo mismo? no sé si me dejo entender
¡Muchas gracias por tu comentario! Para desplegar un servicio de nodejs tendrías que usar plataformas como Railway, actualmente github pages no soporta el despliegue de servicios de backend ni bases de datos, solo de contenido estático =)
@@programacion-es entiendo realmente le agradezco
@@falconbladex1 Para eso estamos! Un gran abrazo! =)
Hola pedro cordial saludo, el despliegue para un proyecto que no se trabajo en vite como es el proceso?
Tienes, por ejemplo, un vídeo donde hago el mismo procedimiento con una app de Angular, la diferencia es que hago el build en el propio script de actions así que quizás te sirva para otros casos también, si necesitas algo más específico, dime y me lo anoto para grabarlo =)
@@programacion-es Muchas gracias, con ello lo pude resolver ...
Gracias por este tuto! súper bien explicado. En mi caso no conseguí resolverlo porque no usé Vite en mi proyecto. Además es una web con front y back. No consigo hacer el deploy. ¿algún consejo? gracias por adelantado! :D
Claro!! El deploy del front es casi igual aunque no hayas usado vite así que puedes hacerlo sin problema, para el back tienes cosas como netlify o heroku y solo tendrías que apuntar el front al server donde despliegues el back, si quieres desplegar todo en un solo server y te estás planteando alquilar algo, te dejo un cupón para usar en DonWeb shorturl.at/gnwJS
Tienes alguno con tailwind?
No, pero al ser una dependencia del proyecto el procedimiento debería ser igual =)
Tengo una pregunta!
Solamente Front se puede mostrar o también Backend?... Pregunto porque en mi computadora tengo un proyecto creado con Angular y .Net Core para la API.
Pero no se como hacer eso, es decir, en mi computara ejecuto el back y el front y funciona todo perfector pero como puedo hacerlo con github
En github pages solo podrías desplegar la parte de front, para el back, puedes usar cosas como heroku, aws, azure, netlify, etc. y apuntas al deploy del back desde el front desplegado en github =)
@@programacion-es muchísimas gracias por esa data!
Mi problema es que quiero desplegar una web que tambien consta de back y de base de datos ¿seria posible hacerlo tambien en github pages?
No, el back tendrías que desplegarlo en algún otro servicio
Se podría desplegar por ejemplo una web desarrollada en php con un crud sencillo?
No, github pages solo tiene la capacidad de alojar estáticos, por lo que se despliega solo el frontend =)
@@programacion-es Muchas gracias por la respuesta.
tienes con vue?
No, pero me lo anoto para grabar uno =)
Muchas gracias!
¡Gracias a ti por comentar, un saludo y que tengas buen código!
Usando Vue, tienes ese video??
No, pero el principio es el mismo, en vez de desplegar el build de react, despliegas el build de vue =)
ola, no me sale sikiera el link al darle en save, no me sale nada literal
como si no cargara
Hola, no sé si te refieres al proyecto o a la configuración de github, solo por validar, recuerda que github pages solo está para apps de frontend, si tu app necesita un servidor para renderizarse o iniciar, debes tenerlo desplegado en otro sitio.
estoy empezando con react, pero al momento de hacer el el build y lo subo algunas direcciones tengo que agregarles un punto por que me aparece error 404 pero cuando las ejecuto como dev si les agrego el punto no funciona por ejemplo esto import viteLogo from '/vite.svg' en el codigo que se genera en la carpeta dist para que funcione lo tengo que dejar asi './vite.svg' es normal eso?
Depende de dónde esté la imagen, por ejemplo, si estás usando el directorio public, también dependerá de si estás usando vite o cra, generalmente en la documentación o en la misma terminal tras ejecutar el npm run build te debería aparecer información sobre los directorios y paths para tus assets
Que tipo de proyectos se pueden desplegar, solo los estaticos?. Dinámicos con backend, por ejemplo, un simple CRUD se puede?
Hasta donde tengo entendido no se podría, si quieres desplegar el back tendrías que optar por otro servicio y desplegar el front en github apuntando al back que hayas desplegado en alguna otra plataforma tipo heroku o similares =)
@@programacion-es De estos servicios para paginas dinamicas ¿Cuáles serían los gratuitos?, la intención es para mostrarlos en mi portafolio.
@@Anthonymsg gratuitos he usado heroku, puedes desplegar tu front y tu back en dos dynos gratuitos sin problema =)
@@programacion-es Excelente , sería bueno un tutorial haciendo este despliegue front y back, ayudaría mucho a los Juniors (como en mi caso) con proyección a ser full stack.
@@Anthonymsg Me anoto hacer un deploy de toda una app con heroku =)
tenia un miedo hice esa practica en la escuela y me dio error 404
Poco a poco, practicando se va el miedo y se aprende siempre mucho más de los errores 👨💻🤘😎