Site is deployed but showing blank. Please help. Newbie here

Support
, ,
1

I deployed a site on netlify through githib but it is not working. It worls fine on github pages. I changed the homepage to “./” in package.json and updated the build settings to CI= npm run build and added environment variables CI , value=false but still blank screee. Please help.Here is the site.
https://elegant-churros-c21a3a.netlify.app/

2

Hi @ayush91985 , thanks for the post
I visited your site and it looks like your site renders. However the page is blank.
If possible can you share a repository of your site for me to help with the debugging

Thanks.

4

Hi @ayush91985 , thanks for sharing.
First of all kindly add an _redirects file in your public folder with the content below.

/* /index.html 200

Secondly, remove the basename property on the Router component in the App.js file.

The basename prop in React Router allows you to specify a base URL for all routes. This is useful when your application is hosted on a subdirectory of a domain.

Your routes setup should look like the code below

  <Router>
      <Preloader load={load} />
      <div className="App" id={load ? "no-scroll" : "scroll"}>
        <Navbar />
        <ScrollToTop />
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/project" element={<Projects />} />
          <Route path="/about" element={<About />} />
          <Route path="/resume" element={<Resume />} />
          <Route path="*" element={<Navigate to="/"/>} />
        </Routes>
        <Footer />
      </div>
    </Router>

Kindly make the changes and then redeploy. Your website should work as expected.

Let me know the outcome.

Thanks.

6

Duplicate: Blank page while deploying on netlify.Please help