Cómo conseguir ruteo en Github Pages con Vite y React router

Agrega ruteo a Github Pages con React router: Browser Router 🔥

Videos relacionados:
________________________________________
Método fácil de Github Pages:

Deploy a githubPages:

Ruteo en GithubPages:
________________________________________

[victorgutierreztovar]

Gracias!! Me ahorraste un gran dolor de cabeza

[sergiochumbi]

Muchas gracias hermano! Estuve buscando porque se quedaba mi página en gh-page en blanco y era por eso JAJA

[willsaid]

Sinceramente, estas son de las veces que me siento tan agradecido, lo intenté una y otra vez hasta el cansancio y solo seguí viendo un error 404 en mi página, gracias a ti puedo visualizar mi proyecto finalmente, nuevo sub 🥺

[overdose]

Dios mio, horas y horas buscando respuestas y deployeando el proyecto una y otra vez, ya estaba desesperanzado, pero llegaste a salvarme, te agradezco mucho <3

[miguelteofilojareccaccallo]

Despues de estar dias luchando con esto, por fin lo logre. Hoy dormire con una satisfaccion y una sonrisa en la cara mano. Gracias por estos contenidos que nos ayuda bastante a crecer.

[luiseduardosalcedoaya]

Dios 8 horas buscando un video que me dijera esto, y depronto un dia de suerte.

[jorgeadarmes]

hola, pensé que localmente todo iba bien hasta que se me reventó la cabeza por mucho tiempo, intentando usar vite en ghpages, gracias a ti solucione este problema, y bueno, todo perfect, gracias y gracias, y mas videos así, no sabes la satisfacción que da al resolver nuestros problemas gracias a estos contenidos tan educativos.

[SantiagoRojas-sy]

Muchas gracias, me sirvio demasiado ¡Saludos!

[nicolasgarin]

Gracias por el video! Tengo una app que tiene un ruteo dinámico donde el id del elemento forma parte de la url.. ¿Cómo puedo hacer en este caso ya que hay que declarar las rutas exactas en const router? Desde ya muchas gracias!

[jeffersonsilvaquinto]

Hola, muy buen video. Tengo una duda, ¿Cómo haría para hacer que un componente siempre se muestre en cualquiera de las rutas?, por ejemplo: quiero que los componentes footer y header siempre se muestren sin necesidad de estar poniendolos dentro de cada componente. Cuando uso BrowserRouter solo los dejo fuera de la etiqueta <Routes> y me funciona, pero con routerProvider no funciona.

[dariopizzi]

Muy bueno muchas gracias, no conocia esa manera de routear con react-router-dom. Normalmente lo que hacia es usar los componentes <BrowserRouter> <Routes> <Rute> de esta manera queda todo mucho mas simplificado. Una consulta, lo hiciste de esta manera especialmente por el deploy en GH o es una buena manera de hacerlo independientemente de donde hagas el deploy? desde ya muchas gracias!

[francomoravcik]

Hola tengo un proyecto de react pero no utilize vite, lo mismo hice los pasos del HashRouter y funciona pero al llegar a la instancia de subirlo a github y demas ya cambia ya que no debe ser la misma configuracion, podrias explicar como hacerlo si es con react puro

[robertoarregui]

Hola, intenté hacerlo pero me perdí. Mencionas que es importante usar el dominio que nos regala github, pero no sé de donde encontrarlo

[deltecharch]

¿Alguien sabe cómo subir código a GitHub y publicar las respectivas páginas usando React.js? He utilizado gh-pages en varias ocasiones, pero hoy, al subir un pequeño proyecto, surgió un error al recargar la página. ¿Podría ser porque usé rutas con react-router-dom?

[juanpabloalvarezovalle]

Hola, tengo un caso que quisiera preguntarte, estoy usando HashRouter y todo funciona bien para navegar entre direcciones, sin embargo, dentro de una pagina, tengo una navegación dentro de la misma pagina que usa un anchor tag con href="#seccion", esto daña todo el routing porque busca ir a una direccion que no existe, sabes de como podria solucionar esto para habilitar in-page navigation? gracias

[blankagonzalez]

he seguido todos los pasos pero al hacer click en el enlace la página se abre en blanco, qué puede ser el problema?, me podrías ayudar con esto por favor? no entiendo si he hecho desde cero todo el proyecto, y antes de configurar para Github pages funcionaba todo correcto, como es el caso de muchos.

[oscarramos]

hice esto y si, digamos que funciona pero me quedo sin header y footer que ya tenia definidos en app

[valentinanavarro]

gracias, casi que no encuentro algo util.