Cómo subir tu proyecto Vite a Github Pages de la forma más fácil 

Con todo gusto Lucasm2798! gracias!

Tú eres el crack si te sirvió! 🥳

Yei! que gusto @edinsonsaldanaramos1863! Saludos al hermoso Perú! 🇵🇪

¡Gracias! Y mañana se estrena otro =P ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-DNiqBXCnz78.html

Hola @siempreretro. ¡Nos da mucho gusto que te haya sido de utilidad! Siempre se trata de comprender, para en el futuro modificar ;) Saludos. 👋🏼 y gracias por tu comentario.

Gracias a ti @fernandofabricioq 🙌🏻🙌🏻 que bueno que fue de utilidad 💪🏻

Gracias a ti @eleazarjhonnycruzmamani5531 🙌🏻🙌🏻🙌🏻 por darte una vuelta por el canal

Para eso estamos @miltoncoronado7066 😎😎😎

tumero. ;>

Hey! Gracias @s.joaquinapura6712 🙌🏻🙌🏻🙌🏻

Va :)

😳 Gracias mijo.

Hey @jgvlc, gracias a ti por darte una vuelta por el canal 🙌🏻🙌🏻🙌🏻

Qué bueno que fue útil! Gabi.

Qué bueno que fue útil @jonathanmendez6155 🥳

Gracias @oscararriazaguzman7968 🙌🏻

Hazle los pushes necesarios para conseguir esas imágenes en el branch. Suena más a un problema de sincronización.

Si si, al agregar tu dominio a github debes reconfigurar.

code es un comando que VSCode instala por ti en el PATH. Solo Instala VSCode y si ya lo tienes instalado, entonces instala el comando: code.visualstudio.com/docs/setup/mac suerte! 🍀 (el PATH varía según sean Windows o Unix, pero VSCode se encarga ntp)

Eso suele pasar cuando no esta bien el baseURL en el archivo de vite, vuelve a revisarlo ;) o agrega tu propio dominio.

Sí esta mal @wayelias, me cuesta explicarte en este pequeño comment. Pero definitivamente tu linterna sabe algo ;) Googlea "rutas absolutas html": "/src" significa que en producción existe una carpeta publica src y eso no es así. Debes usar tus archivos script con rutas relativas. ./src. y lo del header, si no lo entiendes, vuélalo. Tu código debe funcionar bien antes de intentar el deploy o se te amontonan errores indebuggeables ;) suerte.

Espera lo del header son "CORS" (googlea) tal vez estas haciendo algún, fetch a algún servidor que no quiere hablar con clientes (periciones desde navegador) CORS es común al principio, cuando aún no dominamos cómo trabaja un servidor web.

@@fixtergeek8057 muchas gracias ya vi el problema xD era que se me creo otra branch llamada gh-pages y se estaba mostrando mi branch master entonces ese era el error lo podrias poner porsiacaso xd nose porq se creo otra rama pero paso

@@wayelias Gracias mano, good to know. shit happens. Saludos.

Para ello, Github no es el lugar. Checa una nube, 🌥️ también puedes entrar al mundo de los contenedores para poder orquestar las configuraciones que te imagines ;) suerte. 👍

Push a main y listo.

🫢

Meterlo en tu carpeta pública, y tratarlo como un simple archivo: tudominio.com/fakeApi.json y lo consumes con fetch(tudominio.com/fakeApi.json)

Eso 😎😎😎

Asegurate que en el archivo de workflow(en el .yaml), se esté usando la branch correcta, así se detectarán los cambios, recuerda, no se publica desde cualquier branch, solo desde la que designes en el .yaml

@fixtergeek8057 Tengo el mismo problema. No se cual es el archivo workflow del que hablas :c

Gracias @DruChill 🙌🏻

Uy deberías estar seguro en que branch quieres trabajar (main) y luego asegurarte de que todo coincida ;)

@@fixtergeek8057 No le falta ningún paso anterior al video? porque probé con un proyecto vite@latest desde cero, hice paso por paso tal cual está en el video y solo se sube al repositorio la branch "gh-pages" sin ninguna main, y por ende no me genera la página. Aclaro, tengo cuanta free en GH.

Si te refieres a como usarlas en las actions de github: docs.github.com/es/actions/learn-github-actions/variables

Checa el dominio en el archivo de configuración de Vite ;)

Hola lucasmoratonieto2124. Ese error es un error de red. Comprueba tu conexión a Internet. ... Borra la caché DNS de tu ordenador. ... Comprueba la configuración del navegador. ... Y reintenta ;)

Buenos Días; Lo he abierto con otro dispositivo pero me sigue dando error... El problema es que gitHubPages solo esta leyendo el HTML, y no se por que no carga el resto de carpetas, por lo que al final sale el HTML principal que sin el resto de documentos, se ve la página en blanco. Mil gracias por tomarte el tiempo de responder de verdad. Gracias

Te faltó hacer el build?

pasa el repo

@@fixtergeek8057 Ya lo pude solucionar gracias!

A ver, chécate este: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-DNiqBXCnz78.html

Checa el base, casi siempre es eso. Suerte. 🍀 Esteban.

Hola! A mi también me sale en blanco, pero es la misma URL de mi repo en github, no se que estaria mal @@fixtergeek8057

me pasa lo mismo, lo solucionaste?

​ @ivogarraza123 ​ @estebanbhdez1700 si de casualidad siguen teniendo el problema es posible que sea por una nueva rama osea branch en su github

Primero revisar que en la pestaña de pages tengas el gh-pages como branch. Una vez modificado eso le das a save y vas a ver que corre de nuevo el deploy. luego va a seguir en blanco. pero yo seguía buscando el error. y al pasar unos minutos ya quedó bien publicado. saludos espero hayas solucionado, y si no, espero que este cometario ayude a alguien. :)

I’ll try, it’s just that I don’t want to sound silly, my pronounce is not very good :P

Hola @TheMrblaster2012 Solo haces git push y se actualiza 😎

@@fixtergeek8057 pero a cual? Al build nada más? O sea los archivos que no son del build no se actualizan ?

Vuelve a intentar ;) Programar a veces se trata más de no rendirse que de "saber" o que salga a la primera. Crear (publicar) a veces es resiliencia.

Son muchos pasos, a veces algo se escapa en el primer intento, pero como todo en esta industria, hay que reintentar y practicar hasta que salga ;) Hay que ser un poco necios con el código ;) suerte. 🍀