[Tech] [Ajay]: Add pre-rendering

Author: Ajay kumar

TestArena/Blog/Common/GithubGistSnippet.razor.cs

@@ -15,11 +15,16 @@ public class GithubGistSnippetBase : ComponentBase, IAsyncDisposable
     [Parameter, EditorRequired] public string UserId { get; set; } = default!;
     [Parameter, EditorRequired] public string FileName { get; set; } = default!;
 
-    protected override async Task OnInitializedAsync()
+    protected override async Task OnAfterRenderAsync(bool firstRender)
     {
-        module = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./js/githubgist.js");
+        if (firstRender)
+        {
+            module = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./githubgist.js");
+
+            await module.InvokeVoidAsync("printSnippetFrom", Id, UserId, FileName);
 
-        await module.InvokeVoidAsync("printSnippetFrom", Id, UserId, FileName);
+            StateHasChanged();
+        }
     }
 
     async ValueTask IAsyncDisposable.DisposeAsync()

TestArena/Blog/IntegrationTesting/Intro/Index.razor

@@ -3,7 +3,7 @@
 @using TestArena.Blog.Common.NavigationUtils
 
 @code{
-    PageInfo currentPage = SiteMap.Pages.FirstOrDefault(x => x.RelativePath == "/blog/integration-testing-in-dotnet-intro");
+    PageInfo currentPage = SiteMap.Pages.FirstOrDefault(x => x.RelativePath == "/blog/integration-testing-in-dotnet-intro")!;
 }
 
 <BlogContainer>

TestArena/TestArena.csproj

@@ -15,6 +15,7 @@
     </PropertyGroup>
 
     <ItemGroup>
+        <PackageReference Include="BlazorWasmPreRendering.Build" Version="5.0.1" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.14" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="9.0.3" PrivateAssets="all" />
         <PackageReference Include="PublishSPAforGitHubPages.Build" Version="3.0.0" />