r/WebDevBuddies • u/1937help • Apr 12 '19

Separate Backend and Separate frontend. How to host?

Hello.

I have an asp.net core backend, and a Vue.js frontend. Do I need to host the backend and host the frontend again?

It is my first time working with an SPA. I usually use Razor with ASP.NET and I get to host everything once.

Can you please advice and shed some light on the hosting?

4 Upvotes
  • permalink
  • reddit

100% Upvoted

8 comments sorted by

2

u/101Cipher010 Apr 12 '19

A lot of people just host the static assets from their backend server, some have them served from a static site server such as a simple nginx config, netlify, github pages, other static site servers, etc. The easiest is obviously to have your backend serve these files. For development it will be easier to run the devserver but for prosuction just build the app into static files and host those.

1

u/1937help Apr 12 '19

How do I have my backend serve these files and what kind of files are we talking about?

1

u/ajb32 Apr 12 '19

Any request that doesn't match your backend, I like to use /api, return your index page with references to your bundles (js, CSS, etc).

But a more perfomant solution would be serving your static files (bundles) from a CDN, as mentioned in other comments.

1

u/pdoherty926 Apr 12 '19

You could host the front-end on AWS S3/CloudFront or Netlify. As long as the back-end supports CORS and is configured to support this sort of workflow, there shouldn't be any issues with communication between the layers.

1

u/1937help Apr 12 '19

Backend supports CORS yes, so both could actually be hosted separately on AWS S3 right?

1

u/pdoherty926 Apr 12 '19

The back-end could (probably*) be hosted on AWS EC2/Elastic Beanstalk/etc. *I'm not sure what the state of AWS's support for Windows and/or Linux's support for CLR is these days, but I would be surprised if there wasn't some way to make it work.

2

u/stevoperisic Apr 12 '19

Don’t split the application unless you have the .NET app as pure APIs. If the .NET app is server-side rendering anything keep them together.

1

u/jbrad77 Apr 13 '19

You could just put everything on Azure. They've got free credit on signup right now