Update /about page and enable Database Admin UI

MyApp/Configure.Db.cs

@@ -1,8 +1,4 @@
-using Microsoft.Extensions.Configuration;
-using Microsoft.Extensions.DependencyInjection;
-using ServiceStack;
 using ServiceStack.Data;
-using ServiceStack.DataAnnotations;
 using ServiceStack.OrmLite;
 
 [assembly: HostingStartup(typeof(MyApp.ConfigureDb))]
@@ -20,6 +16,6 @@ public void Configure(IWebHostBuilder builder) => builder
         })
         .ConfigureAppHost(appHost => {
             // Enable built-in Database Admin UI at /admin-ui/database
-            // appHost.Plugins.Add(new AdminDatabaseFeature());
+            appHost.Plugins.Add(new AdminDatabaseFeature());
         });
 }

MyApp/_pages/about.md

@@ -1,41 +1,20 @@
 ---
-title: ServiceStack Blazor
+title: About this Blazor App
 ---
 
-## Blazor for .NET 8
-
-<a href="https://dotnet.microsoft.com/en-us/apps/aspnet/web-apps/blazor">
-    <img src="/img/blazor.svg" class="w-14 h-14 float-left mt-2 mr-4" alt="Blazor for .NET 8" />
-</a>
-
-Blazor in .NET 8 continues to provide an innovative way to build interactive web UIs using C# instead of JavaScript. With Blazor, you can build reusable web components and enjoy a consistent development experience across client and server-side code.
-
-## ServiceStack.Blazor Library
-
-<a href="https://docs.servicestack.net/blazor">
-    <img src="/img/blazor.svg" class="w-14 h-14 float-left mt-2 mr-4" alt="ServiceStack.Blazor Components" />
-</a>
-
-The ServiceStack.Blazor library brings the power of ServiceStack to Blazor applications. It enables seamless integration of ServiceStack services into your Blazor projects, ensuring a productive development experience and efficient runtime performance.
-
-## AutoQueryGrid with AutoQuery Services
-
-<a href="https://docs.servicestack.net/templates/blazor-components#autoquerygrid">
-    <svg class="float-left mt-2 mr-4" fill="#000000" width="3.2em" height="3.2em" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
-        <path d="M 10 6 C 11.544 7.76 12.275797 10.149375 12.216797 12.609375 C 16.184797 14.279375 22.141437 18.73 23.398438 25 L 28 25 C 26.051 14.31 14.918 6.77 10 6 z M 8 13 C 12.67 17.913 8.81 24.582 4 25 L 22.970703 25 C 21.500703 18.289 11.95 13.533 8 13 z"/>
-    </svg>
-</a>
-
-Leverage AutoQueryGrid alongside AutoQuery services to rapidly build data-driven applications. This combination allows for automatic generation of CRUD operations, saving development time and ensuring consistency across your application.
-
-
-## AutoForms for any Service
-
-<a href="https://docs.servicestack.net/templates/blazor-components#auto-forms">
-    <svg class="float-left mt-2 mr-4" fill="#000000" width="3.2em" height="3.2em" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
-        <path d="M 10 6 C 11.544 7.76 12.275797 10.149375 12.216797 12.609375 C 16.184797 14.279375 22.141437 18.73 23.398438 25 L 28 25 C 26.051 14.31 14.918 6.77 10 6 z M 8 13 C 12.67 17.913 8.81 24.582 4 25 L 22.970703 25 C 21.500703 18.289 11.95 13.533 8 13 z"/>
-    </svg>
-</a>
-
-With AutoForms, streamline the process of creating forms for your services. AutoForms dynamically generates form UI based on your ServiceStack services, ensuring quick setup and a user-friendly experience.
-
+## .NET 8 Blazor App Templates
+
+ServiceStack's new .NET 8 Blazor templates enhances the default ASP.NET Blazor App templates with several modern, high-productivity features, including:
+
+ - [Vue.js](https://vuejs.org) - Enhance your statically rendered Blazor Apps with Vue.js for all your interactive UIs
+ - [Tailwind CSS](https://tailwindcss.com) - Style your Blazor Apps with the modern popular utility-first CSS framework for creating beautiful, maintainable responsive UIs with DarkMode support
+ - [ServiceStack Vue Components](https://blazor-gallery.jamstacks.net) - Rapidly develop beautiful Blazor Apps integrated with Rich high-productivity UI Tailwind Components like [AutoQueryGrid](https://docs.servicestack.net/vue/autoquerygrid) and [AutoForms](https://docs.servicestack.net/vue/autoform)
+ - [ServiceStack.Blazor Components](https://blazor-gallery.jamstacks.net) - Utilize ServiceStack.Blazor's beautiful Tailwind Components in your statically rendered Blazor Apps
+ - [ASP .NET Identity Auth](https://learn.microsoft.com/en-us/aspnet/core/blazor/security/) - Use the same ASP .NET Identity Auth used in ASP.NET's .NET 8 Blazor Apps, with all Identity Pages upgraded with beautiful Tailwind CSS styling
+ - [Entity Framework](https://learn.microsoft.com/ef/) & [OrmLite](https://docs.servicestack.net/ormlite/) - Choose the Best ORM to build each App feature, with a unified solution that sees [OrmLite's Code-First DB Migrations](https://docs.servicestack.net/ormlite/db-migrations) run both EF and OrmLite migrations, inc. Seed Data with a single command at Development or Deployment
+ - [AutoQuery](https://docs.servicestack.net/autoquery/) - Rapidly developing data-driven APIs, UIs and CRUD Apps
+ - [Auto Admin Pages](https://youtu.be/wlRA4_owEsc) - Quickly develop your back-office CRUD Admin UIs to manage your App's Database tables at [/admin](/admin)
+ - [Markdown](https://docs.servicestack.net/razor-press/syntax) - Maintain SEO-friendly documentation and content-rich pages like this one with just Markdown, beautifully styled with [@tailwindcss/typography](https://tailwindcss.com/docs/typography-plugin)
+ - [Built-in UIs](https://servicestack.net/auto-ui) - Use ServiceStack's Auto UIs to [Explore your APIs](https://docs.servicestack.net/api-explorer) at [/ui](/ui/) 
+   or Query your [App's Database Tables](https://docs.servicestack.net/admin-ui-database) at [/admin-ui/database](/admin-ui/database) 
+ - [Built-in Docker Deployments](/deploy) - Use the built-in GitHub Actions to effortlessly deploy .NET 8 containerized Blazor Apps with Docker and GitHub Registry via SSH to any Linux Server

MyApp/wwwroot/css/app.css

@@ -2127,11 +2127,6 @@ select{
   background-color: rgb(147 51 234 / var(--tw-bg-opacity));
 }
 
-.bg-red-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
-}
-
 .bg-red-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 202 202 / var(--tw-bg-opacity));
@@ -2850,11 +2845,6 @@ select{
   color: rgb(15 23 42 / var(--tw-text-opacity));
 }
 
-.text-success {
-  --tw-text-opacity: 1;
-  color: rgb(22 101 52 / var(--tw-text-opacity));
-}
-
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -3365,11 +3355,6 @@ select{
   color: rgb(7 89 133 / var(--tw-text-opacity));
 }
 
-.hover\:text-success:hover {
-  --tw-text-opacity: 1;
-  color: rgb(22 101 52 / var(--tw-text-opacity));
-}
-
 .hover\:text-teal-500:hover {
   --tw-text-opacity: 1;
   color: rgb(20 184 166 / var(--tw-text-opacity));
@@ -3486,11 +3471,6 @@ select{
   --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
 }
 
-.focus\:ring-red-300:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
-}
-
 .focus\:ring-red-500:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
@@ -3538,6 +3518,11 @@ select{
   background-color: rgb(34 211 238 / var(--tw-bg-opacity));
 }
 
+.disabled\:bg-gray-100:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
+}
+
 .disabled\:bg-green-400:disabled {
   --tw-bg-opacity: 1;
   background-color: rgb(74 222 128 / var(--tw-bg-opacity));
@@ -3568,11 +3553,6 @@ select{
   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 }
 
-.disabled\:bg-gray-100:disabled {
-  --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
-}
-
 .disabled\:text-gray-400:disabled {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));