|
| 1 | +--- |
| 2 | +layout: post |
| 3 | +title: Interactive Render Mode in Blazor Web App | Syncfusion |
| 4 | +description: Check out the documentation for Interactive Render Mode in Syncfusion Blazor Components in Blazor Web App. |
| 5 | +platform: Blazor |
| 6 | +component: Common |
| 7 | +documentation: ug |
| 8 | +--- |
| 9 | + |
| 10 | +# Render Interactive Modes in Blazor Web App |
| 11 | + |
| 12 | +This section explains the set of commands used to create a Blazor Web App with various Interactive Render Modes. These commands can be executed via the command prompt (Windows), terminal (macOS), or shell (Linux), allowing you to create Blazor applications using different rendering modes. |
| 13 | + |
| 14 | +If you set the Authentication Type as `None` and Interactivity location as `Per page/component`, you need to use the following command. |
| 15 | + |
| 16 | +<table style="width:100%"> |
| 17 | +<tr> |
| 18 | +<th style="width:30%">Interactive Render Mode</th> |
| 19 | +<th style="width:70%">Command</th> |
| 20 | +</tr> |
| 21 | +<tr> |
| 22 | +<td>Server</td> |
| 23 | +<td> |
| 24 | +{% highlight c# %} |
| 25 | +dotnet new blazor -o BlazorApp -int Server |
| 26 | +{% endhighlight %} |
| 27 | +</td> |
| 28 | +</tr> |
| 29 | +<tr> |
| 30 | +<td>WebAssembly</td> |
| 31 | +<td> |
| 32 | +{% highlight c# %} |
| 33 | +dotnet new blazor -o BlazorApp -int WebAssembly |
| 34 | +{% endhighlight %} |
| 35 | +</td> |
| 36 | +</tr> |
| 37 | +<tr> |
| 38 | +<td>Auto</td> |
| 39 | +<td> |
| 40 | +{% highlight c# %} |
| 41 | +dotnet new blazor -o BlazorApp -int Auto |
| 42 | +{% endhighlight %} |
| 43 | +</td> |
| 44 | +</tr> |
| 45 | +<tr> |
| 46 | +<td>None</td> |
| 47 | +<td> |
| 48 | +{% highlight c# %} |
| 49 | +dotnet new blazor -o BlazorApp -int None |
| 50 | +{% endhighlight %} |
| 51 | +</td> |
| 52 | +</tr> |
| 53 | +</table> |
| 54 | + |
| 55 | +If you set the Authentication Type as `Individual Accounts` and Interactivity location as `Per page/component`, you need to use the following command. |
| 56 | + |
| 57 | +<table style="width:100%"> |
| 58 | +<tr> |
| 59 | +<th style="width:30%">Interactive Render Mode</th> |
| 60 | +<th style="width:70%">Command</th> |
| 61 | +</tr> |
| 62 | +<tr> |
| 63 | +<td>Server</td> |
| 64 | +<td> |
| 65 | +{% highlight c# %} |
| 66 | +dotnet new blazor -o BlazorApp -au Individual -int Server |
| 67 | +{% endhighlight %} |
| 68 | +</td> |
| 69 | +</tr> |
| 70 | +<tr> |
| 71 | +<td>WebAssembly</td> |
| 72 | +<td> |
| 73 | +{% highlight c# %} |
| 74 | +dotnet new blazor -o BlazorApp -au Individual -int WebAssembly |
| 75 | +{% endhighlight %} |
| 76 | +</td> |
| 77 | +</tr> |
| 78 | +<tr> |
| 79 | +<td>Auto</td> |
| 80 | +<td> |
| 81 | +{% highlight c# %} |
| 82 | +dotnet new blazor -o BlazorApp -au Individual -int Auto |
| 83 | +{% endhighlight %} |
| 84 | +</td> |
| 85 | +</tr> |
| 86 | +<tr> |
| 87 | +<td>None</td> |
| 88 | +<td> |
| 89 | +{% highlight c# %} |
| 90 | +dotnet new blazor -o BlazorApp -au Individual -int None |
| 91 | +{% endhighlight %} |
| 92 | +</td> |
| 93 | +</tr> |
| 94 | +</table> |
| 95 | + |
| 96 | +If you set the Authentication Type as `Individual Accounts` and Interactivity location as `Global`, you need to use the following command. |
| 97 | + |
| 98 | +<table style="width:100%"> |
| 99 | +<tr> |
| 100 | +<th style="width:30%">Interactive Render Mode</th> |
| 101 | +<th style="width:70%">Command</th> |
| 102 | +</tr> |
| 103 | +<tr> |
| 104 | +<td>Server</td> |
| 105 | +<td> |
| 106 | +{% highlight c# %} |
| 107 | +dotnet new blazor -o BlazorApp -au Individual -int Server -ai |
| 108 | +{% endhighlight %} |
| 109 | +</td> |
| 110 | +</tr> |
| 111 | +<tr> |
| 112 | +<td>WebAssembly</td> |
| 113 | +<td> |
| 114 | +{% highlight c# %} |
| 115 | +dotnet new blazor -o BlazorApp -au Individual -int WebAssembly -ai |
| 116 | +{% endhighlight %} |
| 117 | +</td> |
| 118 | +</tr> |
| 119 | +<tr> |
| 120 | +<td>Auto</td> |
| 121 | +<td> |
| 122 | +{% highlight c# %} |
| 123 | +dotnet new blazor -o BlazorApp -au Individual -int Auto -ai |
| 124 | +{% endhighlight %} |
| 125 | +</td> |
| 126 | +</tr> |
| 127 | +<tr> |
| 128 | +<td>None</td> |
| 129 | +<td> |
| 130 | +{% highlight c# %} |
| 131 | +dotnet new blazor -o BlazorApp -au Individual -int None -ai |
| 132 | +{% endhighlight %} |
| 133 | +</td> |
| 134 | +</tr> |
| 135 | +</table> |
| 136 | + |
| 137 | +If you set the Authentication Type as `None` and Interactivity location as `Global`, you need to use the following command. |
| 138 | + |
| 139 | +<table style="width:100%"> |
| 140 | +<tr> |
| 141 | +<th style="width:30%">Interactive Render Mode</th> |
| 142 | +<th style="width:70%">Command</th> |
| 143 | +</tr> |
| 144 | +<tr> |
| 145 | +<td>Server</td> |
| 146 | +<td> |
| 147 | +{% highlight c# %} |
| 148 | +dotnet new blazor -o BlazorApp -int Server-ai |
| 149 | +{% endhighlight %} |
| 150 | +</td> |
| 151 | +</tr> |
| 152 | +<tr> |
| 153 | +<td>WebAssembly</td> |
| 154 | +<td> |
| 155 | +{% highlight c# %} |
| 156 | +dotnet new blazor -o BlazorApp -int WebAssembly -ai |
| 157 | +{% endhighlight %} |
| 158 | +</td> |
| 159 | +</tr> |
| 160 | +<tr> |
| 161 | +<td>Auto</td> |
| 162 | +<td> |
| 163 | +{% highlight c# %} |
| 164 | +dotnet new blazor -o BlazorApp8 -int Auto -ai |
| 165 | +{% endhighlight %} |
| 166 | +</td> |
| 167 | +</tr> |
| 168 | +<tr> |
| 169 | +<td>None</td> |
| 170 | +<td> |
| 171 | +{% highlight c# %} |
| 172 | +dotnet new blazor -o BlazorApp8 -int None -ai |
| 173 | +{% endhighlight %} |
| 174 | +</td> |
| 175 | +</tr> |
| 176 | +</table> |
| 177 | + |
| 178 | +N> If you want to see more available templates, you need to run the `dotnet new blazor --help` or `dotnet new blazor -h` command. |
0 commit comments