I'm relatively new to Web Development especially when it comes to infrastructure.

I have AngularJS application build and served by brunch.io locally. It uses rails-api JSON data.

I'd like to deploy my angular application separately from rails server. For now, JS app is placde inside public directory of backend server and deployed together. It isn't elegant nor effective so I want to use some other hosting service.

I was thinking about VPS where I could place both Angular and Ruby applications. I read about NodeJS or Nginx that can serve static files, but I don't have any knowledge or experience with these technologies.

How is the best way to provide separate frontend and backend applications communicating with each other?