---
# System prepended metadata

title: Blazor アプリ全体に `レンダリングモード` を適用する 2024-01-16
tags: [rendermode, Fluent, レンダリングモード, Blazor]

---

---
lang: ja-jp
breaks: true
---
# Blazor アプリ全体に `レンダリングモード` を適用する 2024-01-16

> アプリ全体にレンダリング モードを適用する
> https://learn.microsoft.com/ja-jp/aspnet/core/blazor/components/render-modes?view=aspnetcore-8.0#apply-a-render-mode-to-the-entire-app

## Fluent Blazor Web App テンプレートからプロジェクトを作成

![image](https://hackmd.io/_uploads/S147vqQYT.png)

![image](https://hackmd.io/_uploads/HJtBD97FT.png)


## App.razor

```htmlembedded=
<Routes />
```
を以下に書き換える
```htmlembedded=
<Routes @rendermode="InteractiveServer" />
```

## Counter.razor

`Counter.razor`から、`@rendermode InteractiveServer` を削除

![image](https://hackmd.io/_uploads/ryCqPq7tp.png)

## 正常に動作する

![image](https://hackmd.io/_uploads/rkvhPqQFa.png)


###### tags: `Blazor` `レンダリングモード` `rendermode` `Fluent`
