I am using react boostrap and I have ran into this issue where whenever I click on a link, I get 404 error. I get no issue when I use react-router-dom and set my link like this About With react-bootstrap I have set my link like this <Nav.Link href=‘about’>About</Nav.Link> and that is where I am …

Hi, @samuel-antwi , do you have a public directory ? If so, try adding the _redirects file there. If this doesn’t work (or that directory doesn’t exist), please let us know.

howdy, i think this might be helpful: [image] [Support Guide] Direct links to my single page app (SPA) don't work Support Guides Last reviewed by Netlify Support - August, 2023 If you’re building a Single Page Application (SPA), or an app that manages its own routes (ur…

Hi Perry thanks for your response. I have done that and it works only when I do manual deploy by running netlify deploy… However, I am using react and I don’t want to do manual deploys. I want to deploy from my github repo. Now the problem is when I added the _redirects file to my published direct…

I moved the redirects file to my public directory as you suggested and it works fine. Thank you very much.

great! that’s always a happy moment. glad its working now.

React-bootstrap Nav.Link

Support

perry June 3, 2020, 5:38pm 2

howdy,

i think this might be helpful:

Let us know if not!

Topic		Replies	Views
Netlify "page not found" when sharing React-Router-Dom based links Support deployment , netlify-newbie , redirects	39	52528	January 29, 2024
Using _redirects for SPA react components Support redirects	4	1606	December 31, 2021
Redirects are not working Support redirects , create-react-app	5	612	May 16, 2023
Problem when navigating routing Support redirects	5	7920	April 28, 2025
404 code redirect Support deployment , redirects	3	510	September 21, 2023

React-bootstrap Nav.Link

Related topics