Skip to content

Commit 625fece

Browse files
mckaragozmckaragoz
committed
Home Page Design
1 parent 80b1ba3 commit 625fece

6 files changed

Lines changed: 270 additions & 50 deletions

File tree

‎CodeBeam.Website/CodeBeam.Website.Client/Brand/CodeBeamBrand.cs‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
namespace CodeBeam.Website.Client.Brand;
2+
3+
public static class CodeBeamBrand
4+
{
5+
public static string UltimateAuth = @"<svg viewBox=""0 0 200 240"" xmlns=""http://www.w3.org/2000/svg"">
6+
<path fill=""#00072d""
7+
d=""M32.39,14.07H167.61c11.27,0,18,6.76,18,18V133.52c0,22.54-58.59,69.87-85.64,92.41-27-22.54-85.64-69.87-85.64-92.41V32.1C14.36,20.83,21.12,14.07,32.39,14.07Z""/>
8+
9+
<path fill=""#f6f5ae"" fill-rule=""evenodd""
10+
d=""M120.43,39.44H79.57A11.67,11.67,0,0,0,67.9,51.11V77.37
11+
A11.67,11.67,0,0,0,79.57,89H90.51l3.89,3.9v5.32l-3.8,3.81v81.41H99
12+
v-5.33h13.69V169H108.1v-3.8H99C99,150.76,111.9,153,111.9,153
13+
V99.79h-8V93.32L108.19,89h12.24
14+
A11.67,11.67,0,0,0,132.1,77.37V51.11
15+
A11.67,11.67,0,0,0,120.43,39.44Z
16+
17+
M79.57,48.19h5.84a2.92,2.92 0 0 1 2.92,2.92
18+
v5.84a2.92,2.92 0 0 1 -2.92,2.92
19+
h-5.84a2.91,2.91 0 0 1 -2.91,-2.92
20+
v-5.84a2.91,2.91 0 0 1 2.91,-2.92Z
21+
22+
M79.57,68.62h5.84a2.92,2.92 0 0 1 2.92,2.92
23+
v5.83a2.92,2.92 0 0 1 -2.92,2.92
24+
h-5.84a2.91,2.91 0 0 1 -2.91,-2.92
25+
v-5.83a2.91,2.91 0 0 1 2.91,-2.92Z
26+
27+
M114.59,48.19h5.84a2.92,2.92 0 0 1 2.91,2.92
28+
v5.84a2.91,2.91 0 0 1 -2.91,2.91
29+
h-5.84a2.92,2.92 0 0 1 -2.92,-2.91
30+
v-5.84a2.92,2.92 0 0 1 2.92,-2.92Z
31+
32+
M114.59,68.62h5.84a2.92,2.92 0 0 1 2.91,2.92
33+
v5.83a2.91,2.91 0 0 1 -2.91,2.92
34+
h-5.84a2.92,2.92 0 0 1 -2.92,-2.92
35+
v-5.83a2.92,2.92 0 0 1 2.92,-2.92Z""/>
36+
</svg>";
37+
}
38+
39+
public static class Brands
40+
{
41+
public static string NuGet = @"<svg viewBox=""0 0 24 24"" xmlns=""http://www.w3.org/2000/svg"" fill=""currentColor"">
42+
<path d=""M3.5 7.25 12 2.5l8.5 4.75v9.5L12 21.5 3.5 16.75Zm8.5-3.03-6.25 3.49L12 11.19l6.25-3.48ZM5 9.02v6.86l6 3.35v-6.86Zm14 0-6 3.35v6.86l6-3.35Z""/>
43+
</svg>";
44+
}

‎CodeBeam.Website/CodeBeam.Website.Client/Layout/MainLayout.razor‎

Lines changed: 17 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,46 @@
1-
@inherits LayoutComponentBase
1+
@using CodeBeam.Website.Client.Brand
2+
@inherits LayoutComponentBase
3+
@inject NavigationManager Nav
4+
@inject IJSRuntime JS
5+
6+
@rendermode @(new InteractiveAutoRenderMode(prerender: false))
27

38
<MudThemeProvider @ref="@_mudThemeProvider" Theme="_codeBeamTheme" @bind-IsDarkMode="@_isDarkMode" />
49
<MudPopoverProvider />
510
<MudDialogProvider />
611
<MudSnackbarProvider />
712

13+
<a id="home"></a>
814
<MudLayout Style="@(_isDarkMode ? "background: radial-gradient(circle at top, #2E2D4D, #1e1d35)" : null)">
915
<MudAppBar Class="cb-blur" Color="Color.Transparent" Dense="true" Elevation="0">
1016
<div class="cb-mobile">
1117
<MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Primary" Edge="Edge.Start" OnClick="@(() => _isOpen = !_isOpen)" />
1218
</div>
13-
<MudIcon Icon="@_codeBeamSvg" Color="Color.Primary" />
14-
<MudText Class="ml-2" Typo="Typo.h6" Color="Color.Primary" Align="Align.Center">CodeBeam</MudText>
19+
<MudIcon Class="cursor-pointer" Icon="@_codeBeamSvg" Color="Color.Primary" @onclick="@(() => Nav.NavigateTo("/#home"))" />
20+
<MudText Class="ml-2 cursor-pointer" Style="user-select: none" Typo="Typo.h6" Color="Color.Primary" Align="Align.Center" @onclick="@(() => Nav.NavigateTo("/#home"))">CodeBeam</MudText>
1521
<MudSpacer />
1622
<div class="cb-desktop">
1723
<MudStack Row="true" AlignItems="AlignItems.Center" Justify="Justify.Center" Spacing="6">
18-
<MudMenu ActivationEvent="MouseEvent.MouseOver" Dense="true" PopoverClass="mud-theme-primary" RelativeWidth="DropdownWidth.Relative">
24+
<MudMenu Class="@(!RendererInfo.IsInteractive ? "fade-right delay-1" : null)" ActivationEvent="MouseEvent.MouseOver" Dense="true" PopoverClass="mud-theme-primary" RelativeWidth="DropdownWidth.Relative">
1925
<ActivatorContent>
20-
<MudText Class="pa-2" Color="Color.Primary">Vision</MudText>
26+
<MudText Class="pa-2" Color="Color.Primary"><MudLink Href="/#vision" Underline="Underline.None">Vision</MudLink></MudText>
2127
</ActivatorContent>
2228
</MudMenu>
23-
<MudMenu ActivationEvent="MouseEvent.MouseOver" Dense="true" PopoverClass="mud-theme-primary" AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
29+
<MudMenu Class="@(!RendererInfo.IsInteractive ? "fade-right delay-2" : null)" ActivationEvent="MouseEvent.MouseOver" Dense="true" PopoverClass="mud-theme-primary" AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
2430
<ActivatorContent>
2531
<MudText Class="cb-primary-hover cb-transition pa-2" Color="Color.Primary">Products</MudText>
2632
</ActivatorContent>
2733
<ChildContent>
28-
<MudMenuItem Class="cb-menu-item">
34+
<MudMenuItem Class="cb-menu-item" Href="/#ultimateauth">
2935
<MudStack Class="mud-width-full" Row="true" AlignItems="AlignItems.Center">
30-
<MudIcon Icon="@_uauth" />
36+
<MudIcon Icon="@CodeBeamBrand.UltimateAuth" />
3137
<MudStack Spacing="0">
3238
<MudText><b>UltimateAuth</b></MudText>
3339
<MudText Typo="Typo.subtitle2">Modern & Unified Auth Framework for .NET</MudText>
3440
</MudStack>
3541
</MudStack>
3642
</MudMenuItem>
37-
<MudMenuItem Class="cb-menu-item mt-4">
43+
<MudMenuItem Class="cb-menu-item mt-4" Href="/#mudblazor-extensions">
3844
<MudStack Class="mud-width-full" Row="true" AlignItems="AlignItems.Center">
3945
<MudIcon Icon="@Icons.Custom.Brands.MudBlazor" />
4046
<MudStack Spacing="0">
@@ -63,7 +69,7 @@
6369
</MudMenuItem>
6470
</ChildContent>
6571
</MudMenu>
66-
<MudMenu ActivationEvent="MouseEvent.MouseOver" Dense="true" PopoverClass="mud-theme-primary" RelativeWidth="DropdownWidth.Relative">
72+
<MudMenu Class="@(!RendererInfo.IsInteractive ? "fade-right delay-3" : null)" ActivationEvent="MouseEvent.MouseOver" Dense="true" PopoverClass="mud-theme-primary" RelativeWidth="DropdownWidth.Relative">
6773
<ActivatorContent>
6874
<MudText Class="antbar-primary-hover antbar-transition pa-2" Color="Color.Primary">Donate</MudText>
6975
</ActivatorContent>
@@ -75,7 +81,7 @@
7581
<MudToggleIconButton @bind-Toggled="@_isDarkMode" Icon="@Icons.Material.Filled.DarkMode" ToggledIcon="@Icons.Material.Filled.LightMode" Color="Color.Primary" ToggledColor="Color.Primary" />
7682
</MudAppBar>
7783

78-
<MudDrawer @bind-Open="_isOpen">
84+
<MudDrawer @bind-Open="_isOpen" Breakpoint="Breakpoint.None" ClipMode="DrawerClipMode.Always" Variant="DrawerVariant.Temporary">
7985
<MudNavMenu>
8086
<MudNavLink Href="/">Home</MudNavLink>
8187
<MudNavLink Href="/#vision">Vision</MudNavLink>
@@ -102,39 +108,6 @@
102108
const string _codeBeamSvg = @"<svg style=""width:36px;height:36px"" viewBox=""0 0 24 24"">
103109
<path d=""M15.13,13.17,15.88,12l-1.54-.34,7.88-2.83A9.24,9.24,0,0,0,18.09,5a7.52,7.52,0,1,0,4.33,9.72,9.07,9.07,0,0,0,0-5.36Z""/><path d=""M.22,12a12,12,0,0,0,23.56,3.24,9.17,9.17,0,1,1-.21-7.15A12,12,0,0,0,.22,12""/></svg>";
104110

105-
const string _uauth = @"<svg viewBox=""0 0 200 240"" xmlns=""http://www.w3.org/2000/svg"">
106-
<path fill=""#00072d""
107-
d=""M32.39,14.07H167.61c11.27,0,18,6.76,18,18V133.52c0,22.54-58.59,69.87-85.64,92.41-27-22.54-85.64-69.87-85.64-92.41V32.1C14.36,20.83,21.12,14.07,32.39,14.07Z""/>
108-
109-
<path fill=""#f6f5ae"" fill-rule=""evenodd""
110-
d=""M120.43,39.44H79.57A11.67,11.67,0,0,0,67.9,51.11V77.37
111-
A11.67,11.67,0,0,0,79.57,89H90.51l3.89,3.9v5.32l-3.8,3.81v81.41H99
112-
v-5.33h13.69V169H108.1v-3.8H99C99,150.76,111.9,153,111.9,153
113-
V99.79h-8V93.32L108.19,89h12.24
114-
A11.67,11.67,0,0,0,132.1,77.37V51.11
115-
A11.67,11.67,0,0,0,120.43,39.44Z
116-
117-
M79.57,48.19h5.84a2.92,2.92 0 0 1 2.92,2.92
118-
v5.84a2.92,2.92 0 0 1 -2.92,2.92
119-
h-5.84a2.91,2.91 0 0 1 -2.91,-2.92
120-
v-5.84a2.91,2.91 0 0 1 2.91,-2.92Z
121-
122-
M79.57,68.62h5.84a2.92,2.92 0 0 1 2.92,2.92
123-
v5.83a2.92,2.92 0 0 1 -2.92,2.92
124-
h-5.84a2.91,2.91 0 0 1 -2.91,-2.92
125-
v-5.83a2.91,2.91 0 0 1 2.91,-2.92Z
126-
127-
M114.59,48.19h5.84a2.92,2.92 0 0 1 2.91,2.92
128-
v5.84a2.91,2.91 0 0 1 -2.91,2.91
129-
h-5.84a2.92,2.92 0 0 1 -2.92,-2.91
130-
v-5.84a2.92,2.92 0 0 1 2.92,-2.92Z
131-
132-
M114.59,68.62h5.84a2.92,2.92 0 0 1 2.91,2.92
133-
v5.83a2.91,2.91 0 0 1 -2.91,2.92
134-
h-5.84a2.92,2.92 0 0 1 -2.92,-2.92
135-
v-5.83a2.92,2.92 0 0 1 2.92,-2.92Z""/>
136-
</svg>";
137-
138111
MudTheme _codeBeamTheme = new MudTheme()
139112
{
140113
PaletteLight = new PaletteLight()

‎CodeBeam.Website/CodeBeam.Website.Client/Pages/Home.razor‎

Lines changed: 157 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,164 @@
11
@page "/"
2+
@using CodeBeam.Website.Client.Brand
23

4+
5+
<div class="relative" style="top: 4px; height: 8px">
6+
@if (!RendererInfo.IsInteractive)
7+
{
8+
<MudProgressLinear Indeterminate="true" Color="Color.Primary" Striped="true" />
9+
}
10+
</div>
311
<MudPage FullScreen="FullScreen.FullWithoutAppbar" Row="1" Column="1">
412
<MudContainer MaxWidth="MaxWidth.Medium" Class="mud-height-full d-flex align-center justify-center">
5-
<MudStack>
6-
<MudText Typo="Typo.h4" Color="Color.Primary">CodeBeam</MudText>
7-
<MudText Class="mt-n4" Typo="Typo.h6">Where a Code becomes useful</MudText>
8-
<MudDivider Class="my-4" Style="width: 120px" />
9-
<MudText>Powered by its simplicity. Focused on real-world problems. OpenSource.</MudText>
10-
<MudText>We create practical systems and tools for modern .NET applications.</MudText>
13+
<MudStack Spacing="0">
14+
<MudText Class="@(!RendererInfo.IsInteractive ? "fade-up delay-1" : null)" Typo="Typo.h4" Color="Color.Primary">CodeBeam</MudText>
15+
<MudText Class="@(!RendererInfo.IsInteractive ? "fade-up delay-2" : null)" Typo="Typo.h6">Where a Code becomes useful</MudText>
16+
<MudDivider Class="my-8" Style="width: 120px" />
17+
<MudText Class="@(!RendererInfo.IsInteractive ? "fade-up delay-4" : null)">Powered by its simplicity. Focused on real-world problems. OpenSource.</MudText>
18+
</MudStack>
19+
</MudContainer>
20+
</MudPage>
21+
22+
<a id="vision"></a>
23+
<MudPage FullScreen="FullScreen.Full" Row="1" Column="1">
24+
<MudContainer MaxWidth="MaxWidth.Medium" Class="mud-height-full d-flex align-center justify-center">
25+
<MudStack Spacing="0">
26+
27+
<MudText Typo="Typo.h4" Color="Color.Primary">Our Vision</MudText>
28+
<MudDivider Class="my-8" Style="width: 120px" />
29+
<MudText>We believe software should be simple — even when the problem is not.</MudText>
30+
<MudText Class="mt-4">At CodeBeam, we focus on building systems, not just libraries.</MudText>
31+
<MudText>Reusable, practical, and designed for real-world applications.</MudText>
32+
</MudStack>
33+
</MudContainer>
34+
</MudPage>
35+
36+
<div class="d-flex align-center justify-center" style="height: 20px;">
37+
<MudText Typo="Typo.h4" Color="Color.Primary" Align="Align.Center">Products</MudText>
38+
</div>
39+
40+
<a id="ultimateauth"></a>
41+
<MudPage FullScreen="FullScreen.Full" Row="1" Column="1">
42+
<MudContainer MaxWidth="MaxWidth.Large" Class="mud-height-full d-flex flex-column align-center justify-center">
43+
<MudGrid>
44+
<MudItem xs="12" md="6">
45+
<MudStack Row="true" AlignItems="AlignItems.Center">
46+
<MudIcon Icon="@CodeBeamBrand.UltimateAuth" Color="Color.Primary" Style="height: 72px; width: 72px" />
47+
<MudStack Spacing="0">
48+
<MudText Typo="Typo.h4" Color="Color.Primary">UltimateAuth</MudText>
49+
<MudText>The modern unified Auth framework for .NET - Reimagined.</MudText>
50+
</MudStack>
51+
</MudStack>
52+
</MudItem>
53+
54+
<MudItem xs="12" md="6">
55+
<MudStack>
56+
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
57+
<MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Primary" Size="Size.Small" />
58+
<MudText Typo="Typo.body1" Color="Color.Primary">Flow-based authentication instead of endpoint-driven logic</MudText>
59+
</MudStack>
60+
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
61+
<MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Primary" Size="Size.Small" />
62+
<MudText Typo="Typo.body1" Color="Color.Primary">Session-first architecture with chain & device awareness</MudText>
63+
</MudStack>
64+
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
65+
<MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Primary" Size="Size.Small" />
66+
<MudText Typo="Typo.body1" Color="Color.Primary">Built-in refresh, rotation and reauthentication model</MudText>
67+
</MudStack>
68+
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
69+
<MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Primary" Size="Size.Small" />
70+
<MudText Typo="Typo.body1" Color="Color.Primary">Plugin-based domain system (Users, Credentials, Authorization)</MudText>
71+
</MudStack>
72+
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
73+
<MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Primary" Size="Size.Small" />
74+
<MudText Typo="Typo.body1" Color="Color.Primary">Unified client API for application-level Auth usage</MudText>
75+
</MudStack>
76+
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
77+
<MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Primary" Size="Size.Small" />
78+
<MudText Typo="Typo.body1" Color="Color.Primary">Policy-driven authorization pipeline</MudText>
79+
</MudStack>
80+
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
81+
<MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Primary" Size="Size.Small" />
82+
<MudText Typo="Typo.body1" Color="Color.Primary">Designed for zero-trust security, not just token validation</MudText>
83+
</MudStack>
84+
</MudStack>
85+
</MudItem>
86+
</MudGrid>
87+
88+
<MudStack Class="mt-8">
89+
<MudDivider />
90+
<MudStack Row="true" Justify="Justify.Center">
91+
<MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Primary" Href="https://github.com/CodeBeamOrg/UltimateAuth" Target="_blank" />
92+
<MudIconButton Icon="@Icons.Material.Filled.Language" Color="Color.Primary" Href="https://ultimateauth.com/" Target="_blank" />
93+
</MudStack>
94+
</MudStack>
95+
</MudContainer>
96+
</MudPage>
97+
98+
<a id="mudblazor-extensions"></a>
99+
<MudPage FullScreen="FullScreen.Full" Row="1" Column="1">
100+
<MudContainer MaxWidth="MaxWidth.Large" Class="mud-height-full d-flex flex-column align-center justify-center">
101+
<MudGrid>
102+
<MudItem xs="12" md="6">
103+
<MudStack Row="true" AlignItems="AlignItems.Center">
104+
<MudIcon Icon="@Icons.Custom.Brands.MudBlazor" Color="Color.Primary" Style="height: 72px; width: 72px" />
105+
<MudStack Spacing="0">
106+
<MudText Typo="Typo.h4" Color="Color.Primary">MudBlazor.Extensions</MudText>
107+
<MudText>Powering MudBlazor with advanced components and utilities.</MudText>
108+
</MudStack>
109+
</MudStack>
110+
</MudItem>
111+
112+
<MudItem xs="12" md="6">
113+
<MudStack>
114+
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
115+
<MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Primary" Size="Size.Small" />
116+
<MudText Typo="Typo.body1">30+ components and utilities</MudText>
117+
</MudStack>
118+
119+
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
120+
<MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Primary" Size="Size.Small" />
121+
<MudText Typo="Typo.body1">Extends existing MudBlazor components without breaking simplicity</MudText>
122+
</MudStack>
123+
124+
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
125+
<MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Primary" Size="Size.Small" />
126+
<MudText Typo="Typo.body1">High-performance, production-ready UI building blocks</MudText>
127+
</MudStack>
128+
129+
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
130+
<MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Primary" Size="Size.Small" />
131+
<MudText Typo="Typo.body1">Designed for real-world Blazor applications</MudText>
132+
</MudStack>
133+
134+
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
135+
<MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Primary" Size="Size.Small" />
136+
<MudText Typo="Typo.body1">One of the most widely used extension libraries in the MudBlazor ecosystem</MudText>
137+
</MudStack>
138+
139+
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
140+
<MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Primary" Size="Size.Small" />
141+
<MudText Typo="Typo.body1">Built by MudBlazor contributors</MudText>
142+
</MudStack>
143+
</MudStack>
144+
</MudItem>
145+
</MudGrid>
146+
147+
<MudStack Class="mt-8">
148+
<MudDivider />
149+
<MudStack Row="true" Justify="Justify.Center">
150+
<MudTooltip Text="GitHub" Color="Color.Primary" Delay="300">
151+
<MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Primary" Href="https://github.com/CodeBeamOrg/CodeBeam.MudBlazor.Extensions" Target="_blank" />
152+
</MudTooltip>
153+
154+
<MudTooltip Text="NuGet" Color="Color.Primary" Delay="300">
155+
<MudIconButton Icon="@Brands.NuGet" Color="Color.Primary" Href="https://www.nuget.org/packages?q=CodeBeam.MudBlazor&includeComputedFrameworks=true&prerel=true" Target="_blank" />
156+
</MudTooltip>
157+
158+
<MudTooltip Text="Web" Color="Color.Primary" Delay="300">
159+
<MudIconButton Icon="@Icons.Material.Filled.Language" Color="Color.Primary" Href="https://mudextensions.codebeam.org/" Target="_blank" />
160+
</MudTooltip>
161+
</MudStack>
11162
</MudStack>
12163
</MudContainer>
13164
</MudPage>

‎CodeBeam.Website/CodeBeam.Website/Components/App.razor‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,12 @@
2222
<script src="@Assets["_framework/blazor.web.js"]"></script>
2323
<script src="_content/MudBlazor/MudBlazor.min.js"></script>
2424
<script src="_content/CodeBeam.MudBlazor.Extensions/MudExtensions.min.js"></script>
25+
26+
<script>
27+
window.markHydrated = () => {
28+
document.body.classList.add("hydrated");
29+
};
30+
</script>
2531
</body>
2632

2733
</html>

‎CodeBeam.Website/CodeBeam.Website/Program.cs‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
var builder = WebApplication.CreateBuilder(args);
66

77
builder.Services.AddRazorComponents()
8+
.AddInteractiveServerComponents()
89
.AddInteractiveWebAssemblyComponents();
910

1011
builder.Services.AddMudServices();
@@ -28,6 +29,7 @@
2829

2930
app.MapStaticAssets();
3031
app.MapRazorComponents<App>()
32+
.AddInteractiveServerRenderMode()
3133
.AddInteractiveWebAssemblyRenderMode()
3234
.AddAdditionalAssemblies(typeof(CodeBeam.Website.Client._Imports).Assembly);
3335

0 commit comments

Comments
 (0)