How to upload a React SPA (Nginx)

[Chilicode2]

*Woops

[viniciusvts]

it will be like:

server {
    listen 80;
    server_name yourdomain.com;

    root /path/to/your/react/app;
    index index.html;

    location / {
        try_files $uri /index.html;
    }
}

Learn more:

• https://docs.nginx.com/nginx/admin-guide/web-server/serving-static-content/
• https://stackoverflow.com/questions/57917893/how-to-configure-nginx-properly-to-show-spa-application
• https://www.sdickinson.com/nginx-config-for-single-page-applications/

[viniciusvts]

Or maybe you are putting the source code in your server.

But you need to compile your project into a production build files.

The react documentation: https://create-react-app.dev/docs/deployment/

"npm run build creates a build directory with a production build of your app. Set up your favorite HTTP server so that a visitor to your site is served index.html, and requests to static paths like /static/js/main.<hash>.js are served with the contents of the /static/js/main.<hash>.js file."

Documentation for "Creating a Production Build":
https://create-react-app.dev/docs/production-build

[viniciusvts]

@Chilicode2