Basically I am a back-end developer but I want to get into front end and become a bit moderate full stack dev. However, I tried several of the modern JS framework like React, Vue & Angular but simply put, I am getting a bit clueless and honestly, I couldn't care less about building a SPA or a traditional website/webapp (mvc-ish). However, I realized that the usual practice of building MVC app is to integrate the back-end with the front end. So, I was wondering whether it is viable to separate back-end and front-end totally like with API + SPA approach. If so, can someone recommend me a few guides on this approach?

Also, is it viable to run the MVC Front-end & API Back-end combined in a docker over separate API on lambda & MVC on docker?

P.S. I also build Xamarin apps so I kinda need API regardless so isolated back and front-end will be immensely useful to me.

P.S. 2: I know TypeScript exists but let's just say that I am so accustomed to C# that I simply cannot stand TS/JS. Anyway, Blazor's on the way so there's that.