Multiple pages not working react

[zamachnoi]

I have multiple pages for my gh-pages site, but only one works on load.

my site: https://nickolasz523.github.io/

my repo: https://github.com/nickolasz523/nickolasz523.github.io

edit: it does work with netlify tho... https://stoic-yonath-6fbdb6.netlify.app/home

[jfullstackdev]

seems to be working fine here

there are no error logs

[zamachnoi]

But when I click home or about or contact it doesn't work sadly

[igor-h]

Hi @nickolasz523

If deploying to GitHub, ensure there is a "homepage" entry for where you are hosting it in Github.

Example:
"homepage": "https://nickolasz523.github.io/home",

Switch to the HashRouter since GitHub pages doesn't support the tech used by the BrowserRouter.

index.js

import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { HashRouter } from 'react-router-dom'
 import App from './App';
 import './styles/index.css';

 ReactDOM.createRoot(document.getElementById('root')).render(
   <React.StrictMode>
     <HashRouter>
       <App />
     </HashRouter>
   </React.StrictMode>
 );

For more details see the create-react-app docs for https://create-react-app.dev/docs/deployment/#github-pages
and
https://create-react-app.dev/docs/deployment/#notes-on-client-side-routing

Medium article about this topic:
https://dev.to/janjibdev/problem-with-react-router-app-and-github-pages-lij

If this was helpful mark my comment as Resolved.
Thanks, Igor. 👍🏽

[igor-h]

Hey @nickolasz523 was this useful for you?