| Level | Scope | Example use case | |-------|-------|------------------| | | Entire app uses one mode | Simple internal tool | | Per-page | Different modes for different routes | Landing page (Static SSR), Admin panel (Interactive Server) | | Per-component | Mixed modes on same page | Static page with interactive stock ticker component |
@rendermode InteractiveServer <h1>This component runs on the server interactively</h1> blazor render modes
Or programmatically:
A product page can use Static SSR for the description and reviews, but an Interactive Server component for the “Add to Cart” button and real-time inventory check. The @rendermode Directive In .NET 8+, you assign a render mode using the @rendermode directive: | Level | Scope | Example use case