So I recently deployed my nextjs app on netlify and everything went well except for the fact that when I navigate to the base url of my website, instead of the homepage being displayed I just get a blank screen. if I navigate to specific pages of my site they load completely fine, and I can navigate to the home page from there, but no matter how many times I type in the base link or refresh it still shows up completely blank without rendering anything.
update: I have now tried moving the contents of my home page from index.js to home.js, and just redirecting to url.com/home from there. index.js now redirects to home.js, but still doesn’t render and leaves me at a blank page when navigating to url.com/. I also tried adding redirects in the proper format via next.config.json, _redirects, and netlify.toml, but in all three cases once the changes were deployed my base url still just showed a blank screen and didn’t redirect anywhere.
Next.js builds the index.html for you during the next build process. However, the contents of the public directory are copied after the site has finished building. So, it can sometimes gets overwritten and causes issues with a blank page. Have you tried removing index.html at public folder
I tried this but the blank page remained and for some reason all the css on the site stopped working? not sure why it would change the css but regardless it did nothing to fix the blank page and I reverted the changes to go back to working css on the pages of my site that do load correctly.
after trying pretty much everything to resolve the issue I deployed my repo on Vercel and immediately the blank page and redirect issues ceased altogether so I have just switched my domain to them, thanks for the help anyway