I actually have no idea what I am doing since I'm just running commands and hopping it works, I don't know how to create an environment

Hello and welcome to the community, @studiobutter! And thanks for including a link to the repo.

It looks like there's a missing PUBLIC_URL environment variable. If I change the basename from {process.env.PUBLIC_URL} to / then it works for me.

1
export default function App() {
2
  return (
3
    <Router basename="/">
4
      <ScrollToTop>
5
        <Headermain />
6
        <AppRoutes />
7
      </ScrollToTop>
8
    </Router>
9
  );
10
}

Hey! Thanks for the help. Tho I just redeploy the web page and it still show me a white page. Here's the deployment URL: https://profile-9f448dawz-studiobutters-projects.vercel.app

I pulled the latest version of the repo and it works for me with the following settings.

Create React App selected as the Framework Preset in Project Settings. No command overrides.

Added an environment variable called PUBLIC_URL with the value /

Please give that a try and let me know how it goes.

I can confirmed that it works! Thank you so much!

@studiobutter I also tried deploying the app https://testbutter.vercel.app/ and it worked after adding the PUBLIC_URL as / The problem seems to be with the routing where it's not getting the correct value for PUBLIC_URL that seems to be defined in your index.html page.

<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />

Thanks @amyegan for the resoloution.