Posted Anonymously - "I am into software development, and I am learning dev ops. So I am little bit confused about what goes behind the scenes when we load and interact with a web application in the browser in local vs a deployed application. So, here is my understanding on what happens in production environment after we deploy our client app and server app. What I understand is, there are two parts- client app and server app. Client pp is just static files placed somewhere the web server(Nginx) can locate. And our application server is running on some host (Cloud). When user makes a request to load static data , the browser makes a request to nginx and nginx returns back with our react app. We can use docker to run the client app and sever app in separate containers as well. Now, on subsequent requests while interacting with the react app, if user clicks a button that should show some products(lets imagine this functionality) , our react app will make a request with the help of browser to a specific endpoint, say /api/products, now this is goes to nginx, which in turns calls our application server and gives back the data to the browser, which parses it and our react app renders it.

Questions- Is my understanding correct? How does the web server locate our application servers? Is it through the network request that was made when interacting with the client app and some config in the nginx server? We have the api calls in the frontend- like /api/products - that transforms to https://www.mywebsite.com/api/products. So our backend service(application service is hosted on www.mywebsite.com. What about the ports here?"