I have a Rails API only app that is being used for the backend and two VueJS apps that I am using as the front ends. Both Vuejs apps make a number of calls to the Rails API. I am also considering deploying to Digital Ocean.
My question is: What is best practice to layout a server architecture seeing that I'm using rails and vuejs. I was thinking of keeping it very separate but could be overkill and repetitive, anyone else have any thoughts?
Vuejs App 1
LoadBalancer -- Web Server 1
Web Server 2
Vuejs App 2
LoadBalancer -- Web Server 1
Web Server 2
Rails API
LoadBalancer -- Web Server 1
Web Server 2
Worker Server
Postgres