How to host React.js and how to set up .htaccess for it

[brands]

i have uploaded a build from react but i do not know how to do this .htaccess thing i have 3 pages only ./ , ./Signup ,Login. Please help.

[wackyblackie]

So you compiled you React site locally? That means all you should need to do is upload via FTP. Can you share a URL?

[brands]

http://attentionb.ml/

[wackyblackie]

All i see is a blank page with the title of “Attention Brandding”. Are you sure you set up your React app correctly?

Please look at the React documentation: https://www.reactjs.org/docs/.

EDIT: I think this is what you’re looking for because this isn’t a React server: Add React to an Existing Project – React.

[brands]

Yes man i set it up correctly i read in one article i have to set up .htaccess and redirect it to index.html but does not show how to do it so i am a bit confused

[wackyblackie]

Just type DirectoryIndex index.html in your .htaccess file.

[brands]

I have already done that it is still not working

[Greenreader9]

Please share the .htaccess file. Thanks

[wackyblackie]

Looking at the Dev Tools, your website and js files are returning 304 Not Modified, which is not the correct Response Type for an application.

Also, your js is returning errors, please go through your code:

[brands]

thanks man you went through all that trouble i will try fixing it tomorrow Good night

[Admin]

The snippet shared here should work:

htaccess redirect for Angular routes

It’s intended for Angular, but both are Javascript frameworks which just require the pretty URLs to be rerouted to the main index.html file, so it probably works for React as well.

[brands]

It worked thanks admin

[Thewebuser22]

Make sure to mark his answer if it worked!