title: Execution flow of React + Node.js application deployed on AWS Cloudfront?
body: <p>I am developing a web application in React with a Node.js back-end. I would like to host the images and static files built for the React application on Cloudfront. However, the React application relies on the Node.js server to obtain some changing data to populate the views.</p>
  
  <p>I need to have a thorough understanding of the flow of the application in order to come up with a reasonable design. Here is what I think happens:  </p>
  
  <ol>
  <li>User enters URL in the browser</li>
  <li>Client is directed to the closest Cloudfront edge location  </li>
  <li>Cloudfront serves the HTML and images to the browser</li>
  <li>The React application bootstraps in the browser</li>
  <li>An API call is made to the Node.js server, which returns the required data</li>
  <li>The browser renders the React application. </li>
  </ol>
  
  <p>Am I understanding this correctly? Is there a better way to architect my web application?</p>
  
  <p>I am not able to find the information I require online and would appreciate any help!</p>