title: Mixing Wordpress eCommerce site with external login based Vue Frontend Best Practices
body: <p>I am new to web development and and would like advice about what is the usual best practices to achieve what I am trying to do.</p>
  
  <p>I am in charge of writing a frontend app using Vue. This frontend will require a login to access the app. The app will be hosted on Amazon.</p>
  
  <p>However we are also wanting to build an eCommerce site in Wordpress or equivalent that sits on the root of the website, (eg www.mywebsite.com) with the app accessible through a "sign in" button. If the user presses the sign in button we want the location bar location to not change from the website they are on (www.mywebsite.com), even though the Wordpress site and Vue frontend may be stored on different locations/domains.</p>
  
  <p>If the site is made in Wordpress, we can get another developer to do that webpage for us, while I work on the frontend. However we want the experience to be relatively seamless between connecting to the wordpress root site, clicking on the sign in button and being taken to the Vue frontend.</p>
  
  <p>Is this possible? Do both sites have to be hosted on the same server for it to work (eg an Amazon EC2 server which hosts two webpages, the wordpress one and the vue one)?
  <br>
  Or can the wordpress put a link to the Vue frontend which doesn't change the web location to the user?
  <br>
  Or (worst case scenario) do we need to make both webpages in Vue as one Vue application, some pages requiring login to access and others not?</p>
  
  <p>Thanks kindly for any assistance.</p>