As I understand it, the new Blazor (.NET 8) web project uses App.razor component with the HTML markup and is the root component that is loaded first during app load.

The Routes.razor component then sets up routing and defines a default layout to be used for all page requests.

It’s then assumed that common/repetitive HTML (like copyrights, menus, headers, footers, etc.) will be a component and added to a Layout file (like MainLayout.razor).

Generally, this works great (for Hello World), but if I wanted a layout that is used for 98% of my app with stylesheets and js files included (with some common functions that are executed that are related to the main layout) and then have another page component like a report or a login where I don’t want ANY styling or any javascript executing. How is this accomplished if the html and head is located on App.razor?