Coding Short: SPA Projects in Visual Studio 2022?

[@rankarat]

I am not a VUE dev but‬‏ still liked this video, clear and straight forward explanation about every single exposed issue. They should place a Svelte project together with those three.

[@swildermuth]

Agreed, but there are plain JS/TS projects that you could easily just create a SvelteKit project.

[@scottmcintosh260]

Good stuff! The only thing I don't like is that when you embed the actual URL in the configuration, as opposed to using axios and the webproxy, you have now created a devops problem. Configuration management is something that in the past I have seen cause numerous issues, especially with an infrastructure team that is not very cloud oriented. I do like the idea of running Vue on the project open. I think I will adopt your idea and then use axios and the webproxy.

[@swildermuth]

I agree. I'm revisiting this now using YARP and hosting in same server. Or using something like Aspire to share the server discovery.

[@saurabhumadikar2345]

This was very helpful👍

[@brunotourinho3662]

I had quite a difficult time trying to deploy this kind of project to IIS on Windows Server. Maybe you can maka a quick guide on the topic! :)

[@swildermuth]

Interesting, I don't think you'd want to deploy this on IIS. For IIS, having the SPA project hosted in the ASP.NET Core project is a better solution. See my video here: kzbin.info/www/bejne/hHiWfHSknJegd6s

[@Rein______]

Hi. If you use docker compose you can easily setup a nginx as a reverse proxy, then you dont need any CORS stuff. I like it :)

[@swildermuth]

If you're using Docker for deployment. Benefit of doing this is to not need a server. If you were going to set up a proxy, why not just host it in the same project as the server? (e.g. kzbin.info/www/bejne/hHiWfHSknJegd6s)

[@Rein______]

@@swildermuth There could be more then 1 api in the backend. If 1 api and 1 frontend, then frontend build could be served as static files from the api project. There are many options. I like to use docker and nginx so that the api and frontend are separated, the code should not care if it is running in development in docker, or is running as a build in production outside docker.

[@Someythandle-z4m]

@@swildermuth Does kzbin.info/www/bejne/hHiWfHSknJegd6s applies also for this kind of template ? New templates are separate projects, not inside the same csproj?