How to build and deploy React app without exposing raw source files

@Sinnbeck My entire project folder is included along with the minified bundle.

this is a screenshot of chrome's dev tools sources section https://drive.google.com/file/d/1X7YqGtg78s8eWbXZ6J82bzby0pQCb8FR/view?usp=sharing

@Froedrick I cannot see the image. Maybe put it on imgur? Or share the url to the site?

@Sinnbeck this one is on imgur https://imgur.com/790xd7z

@Froedrick ah I thought it was a react app inside of laravel. Either move your index file to a subdirectory and point your web server to it. Or you can set your webserver to deny access to those folders. What web server are you using?

@Sinnbeck I'm using DigitalOcean

@Froedrick your web server is either nginx or apache2

@Sinnbeck from what I gather, DigitalOcean uses Nginx. Their questions section has many Nginx questions, a popular questions link regarding Nginx and absolutely no mention of Apache

@Froedrick then in your nginx config file you can deny certain folders

For example

server {
    location ^~ /src/ {
        deny all;
        return 403;
    }
    ...
} 

@Sinnbeck ah, I C. I will try that tonight after midnight. ty

@Froedrick but as stated by both @martinbean and me, the recommended practice is moving your public code to a public folder, inside the project, and just change the root inside that nginx config file:)

root /current/path/public; //so just add public here and restart nginx 

Thank you, @Sinnbeck . I'll have to give that a try

@martinbean My source folder is separated from the public folder. This is a standard ReactJS folder structure. I have the project uploaded to Github. Then I use DigitalOcean's instructions to link my Github master branch to my app account and DigitalOcean builds and deploys with one click. I figured this would not be a problem.

https://imgur.com/gallery/Svjnji7