I have an React SPA that is hosted on Azure static Websites and the domain is currently managed through a different domain name company (happy to move it to Azure but haven't needed to at present)

The SPA has the usual structure or a website.

However i have a number of Azure functions I want to offer as a service, but I don't want to make the Azure Function urls known to the public, more for readability and professionalism than anything

So I would like to use the same domain name that is used on the SPA to allow the users to access the Azure Functions

eg

currently I have

www.mydomain.com/products www.mydomain.com/about

and i want to mask the azure functions using my domain name using an prefix of "api"

so

www.mydomain.com/api/product/{id} www.mydomain.com/api/products?page=1

but I have no idea where to start any advice would be appriciated