It's showing a page not found error on everything except the home

[guhms1998]

Hi, I am encountering this Page Not Found error where when accessing locally through vs code, I can access all pages, for example, when I go to my home page everything works perfectly, but when I click on something in my navbar, like “About Me” for example, it gives me a Page Not Found error, but after uploading to Netlify, I cannot access any. I followed some instructions, like the _redirects file, but I still don’t understand it very well. I am using React, can anyone help me?

[nathanmartin]

@guhms1998 It’s likely that this is your issue, and hopefully my explanation helps:

Page Not Found when using home link or details page link

@blogfreerecipe This is occurring because your site is a react based SPA (Single Page Application). When you visit the site via the root / it is automatically loading the index.html which is your application, and then when you visit other pages you never actually leave the index.html page (it just looks like you do). So /recipeDetails/110133d3dd574821a9ab17b9d160d06d loads in additional data and simulates a browser page change. However when you make a fresh request for example by going to one…