I am working on an ASP.NET MVC application using .NET 10. I need to migrate the frontend from ASP.NET MVC/Razor (.cshtml) to Angular, while keeping the same web design and UI as much as possible.
I would like to extract the HTML structure, CSS, JavaScript, images, fonts, plugins, and other frontend dependencies from an existing .cshtml page and convert it into a standalone static HTML design that I can then use as a reference/template for my Angular frontend.
For example, if I have the following Razor page:
DailyExecution.cshtml
I would like to extract it into:
E:\web design\daily execution\
with a structure similar to:
daily execution/
│
├── assets/
├── css/
├── fonts/
├── images/
├── js/
├── plugins/
└── index.html
Where:
index.html represents the original DailyExecution.cshtml page.
css/ contains the CSS files required by the page.
js/ contains the JavaScript files required by the page.
images/ contains the images used by the page.
fonts/ contains the required fonts.
plugins/ contains third-party libraries/plugins used by the page.
assets/ contains other required static assets.
The goal is to make index.html work as a standalone static representation of the original .cshtml design, without requiring the ASP.NET MVC application to render it.
My questions
What tools are recommended for extracting the complete frontend design/dependencies from an ASP.NET MVC .cshtml page?
Is there a tool that can automatically identify and download the required CSS, JavaScript, images, fonts, plugins, and other dependencies?
How can I convert a .cshtml page into a standalone index.html while preserving its visual appearance?
How should I handle Razor-specific elements such as:
@Html.Partial(...)
@Html.Action(...)
@Model
@ViewBag
@section Scripts
_Layout.cshtml
What is the recommended workflow for extracting a complex MVC page and preparing it as a static HTML design that can later be recreated in Angular?
I am not trying to migrate the C# backend or MVC functionality. My main goal is to extract the frontend/web design and its dependencies so that I can recreate the same UI in Angular.
Replies
Know the answer? Post it — somebody with the same question will find it here.