When will you use this?

You use this in every web page and form you build from your first app to production.

• Product pages, login forms, and admin dashboards all use controllers, views, and models.
• When a user submits an order form, model binding maps form fields to a C# class.

Real-world: Zoho-style SaaS backend

The B2B SaaS team building Zoho-style SaaS backend uses Razor Views to render HTML product pages with C# loops and conditionals. tenant admins never see the C# code — they just get a fast, reliable user management and billing API.

Production-style code

@model IEnumerable<ProductCardVm>

<h1>Products</h1>
@foreach (var p in Model)
{
    <article>
        <h2>@p.Name</h2>
        <p>₹@p.SalePrice.ToString("N0")</p>
    </article>
}

What happens in production: In Zoho-style SaaS backend, getting Razor Views right means tenant admins trust the user management and billing API every day.

Lesson example (start here)

Copy this smaller example first. Once it works, compare it with the real-world code above.

@model IEnumerable<ProductCardVm>

<h1>Products</h1>
@foreach (var p in Model)
{
    <article>
        <h2>@p.Name</h2>
        <p>₹@p.SalePrice.ToString("N0")</p>
    </article>
}

Line-by-line walkthrough

How it works (big picture)

• @model declares the type passed from the controller.
• foreach loops products.
• @ escapes to C# inside HTML.

Do this on your computer

1. Pass a list from controller to a strongly typed view.
2. Add @if for empty list message.
3. Create a partial for one product card.
4. Read the real-world section and name which part of the app uses this topic.
5. Run the example locally with dotnet run and confirm the same behavior.
6. Change one value in the example (route, text, or connection string) and predict what will happen before you save.

Experiments — try changing this

• Change a string or route in the example and save — watch the browser or Swagger response update.
• Break the code on purpose (remove a semicolon), read the error message, then fix it.

Remember

Razor = HTML + C# in .cshtml files. Use strongly typed @model. Encode user content by default.

Common questions