How to deploy a decoupled web application built with .NET Core (.NET 6) for Backend and vanilla html & javascript for Frontend to Azure?

I’ve built a simple web app using .Net Core (.Net 6) for the backend and vanilla html & javascript in a single “index.html” file in VS Code for the frontend. I’ve tested it on my local and everything works as intended.

I’m trying now to deploy it to Azure. I’ve deployed the backend successfully, but I’m not sure how to deploy the frontend. I know how to sign into Azure through VS Code and how to upload my “index.html” to Azure, but I don’t know how to make the two parts work together in Azure. I also don’t know if I should upload the index.html file into the same app service or a separate one.

I’ve searched here on Stack and also on the general Internet a lot for some info on this. Through this search, I’ve found basically two methods to do this. One is to upload the index.html as a “static” file and then make it communicate with my backend using Azure Messaging Service. The second is to use Docker to create a container that houses both the frontend and the backend and upload the container to Azure.

I would like to get some advice please?