diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/Counter.razor b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/Counter.razor
deleted file mode 100644
index 8641f78199..0000000000
--- a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/Counter.razor
+++ /dev/null
@@ -1,16 +0,0 @@
-@page "/counter"
-
-<h1>Counter</h1>
-
-<p>Current count: @currentCount</p>
-
-<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
-
-@code {
-    private int currentCount = 0;
-
-    private void IncrementCount()
-    {
-        currentCount++;
-    }
-}
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/Index.razor b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/Index.razor
index 2a4ab56ef2..50a83512f5 100644
--- a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/Index.razor
+++ b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/Index.razor
@@ -1,4 +1,5 @@
 @page "/"
+
 @using Volo.Abp.Identity
 @inject IProfileAppService ProfileAppService
 
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/RoleManagement.razor b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/RoleManagement.razor
new file mode 100644
index 0000000000..7b83c21d5d
--- /dev/null
+++ b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/RoleManagement.razor
@@ -0,0 +1,33 @@
+@page "/role-management"
+@attribute [Authorize]
+@using Volo.Abp.Identity
+@using Microsoft.AspNetCore.Authorization
+@using Volo.Abp.Application.Dtos
+@inject IIdentityRoleAppService RoleAppService
+
+<h1>Role Management</h1>
+
+<button class="btn btn-primary" @onclick="GetRolesAsync">Get role list</button>
+
+@if (_roles != null)
+{
+    <ul class="mt-2">
+        @foreach (var role in _roles)
+        {
+            <li>@role.Id / @role.Name</li>
+        }
+    </ul>
+    <p>Total role count: @_totalRoleCount</p>
+}
+
+@code {
+    private long _totalRoleCount = 0;
+    private IReadOnlyList<IdentityRoleDto> _roles;
+
+    private async Task GetRolesAsync()
+    {
+        var result = await RoleAppService.GetListAsync(new PagedAndSortedResultRequestDto());
+        _totalRoleCount = result.TotalCount;
+        _roles = result.Items;
+    }
+}
\ No newline at end of file
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/UserManagement.razor b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/UserManagement.razor
index ef88f62e3c..d0cc6dd67d 100644
--- a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/UserManagement.razor
+++ b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/UserManagement.razor
@@ -1,10 +1,12 @@
 @page "/user-management"
+@attribute [Authorize]
 @using Volo.Abp.Identity
+@using Microsoft.AspNetCore.Authorization
 @inject IIdentityUserAppService UserAppService
 
 <h1>UserManagement</h1>
 
-<button class="btn btn-primary" @onclick="GetUsersAsync">Get User list (requires login)</button>
+<button class="btn btn-primary" @onclick="GetUsersAsync">Get user list</button>
 
 @if (_users != null)
 {
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Shared/NavMenu.razor b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Shared/NavMenu.razor
index aad8473c73..68a2b03115 100644
--- a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Shared/NavMenu.razor
+++ b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Shared/NavMenu.razor
@@ -18,8 +18,8 @@
             </NavLink>
         </li>
         <li class="nav-item px-3">
-            <NavLink class="nav-link" href="counter">
-                <span class="oi oi-plus" aria-hidden="true"></span> Counter
+            <NavLink class="nav-link" href="role-management">
+                <span class="oi oi-plus" aria-hidden="true"></span> Role Management
             </NavLink>
         </li>
     </ul>