I'm working to maintain and build a fairly large site for a collegiate institute. Up to this point, it's been entirely built using razor pages (.cshtml). However, we're working to convert it to Blazor (.razor). So far, the only page we've converted to Blazor we did by putting an iframe into the page that points to the Blazor page.
At the moment, the Blazor pages are being created on a separate project, however, I'd like to just be able to use one project to save time. My question is this: what is the most efficient way to transfer a Blazor page over to the Razor project? In other words, how can I just have the Blazor page integrated into the Razor project so that I can easily just click on the page I don't have to try and switch back and forth and hope everything is aligned properly when I publish both projects to the live site?
I've tried following the advice from here and here, but when I navigate to the page, it's blank. I've never had to do anything like this before, so please assume I don't know anything when you explain what to do.
I can provide additional code and information if it will help make anything clearer.
Front-End: ASP.NET Core 3.1, .NET 8.0, Razor, Blazor
Back-End: C#