deploy: a6621a0

Author: actions-user

react-templates.html _template-diagrams.htmlreact-templates.html renamed to _template-diagrams.html

@@ -6,7 +6,7 @@
     gtag('js', new Date()); gtag('config', 'UA-7722718-13');</script>
 
     <meta charset="utf-8"/>
-    <meta name='date' content='2025-12-04T04:13:55.5357380Z'>
+    <meta name='date' content='2025-12-04T04:43:32.9744416Z'>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/svg" href="/img/logo.svg">
     <title>React Templates</title>
@@ -56,7 +56,7 @@
                         <a href="/vue/" class="inline-flex items-center border-b-2 px-1 pt-1 text-sm font-medium border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:hover:text-gray-200">
                             Vue
                         </a>
-                        <a href="/react/" class="inline-flex items-center border-b-2 px-1 pt-1 text-sm font-medium border-indigo-500 text-gray-900">
+                        <a href="/react/" class="inline-flex items-center border-b-2 px-1 pt-1 text-sm font-medium border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:hover:text-gray-200">
                             React
                         </a>
                         <a href="/autoquery/" class="inline-flex items-center border-b-2 px-1 pt-1 text-sm font-medium border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:hover:text-gray-200">
@@ -110,7 +110,7 @@
                     <a href="/vue/" class="block border-l-4 py-2 pl-3 pr-4 text-base font-medium border-transparent text-gray-600 dark:text-gray-300 hover:border-gray-300 hover:bg-gray-50 dark:hover:bg-gray-900 hover:text-gray-800 dark:hover:text-gray-100">
                         Vue
                     </a>
-                    <a href="/react/" class="block border-l-4 py-2 pl-3 pr-4 text-base font-medium border-indigo-500 bg-indigo-50 dark:bg-indigo-900 text-indigo-700 dark:text-indigo-200">
+                    <a href="/react/" class="block border-l-4 py-2 pl-3 pr-4 text-base font-medium border-transparent text-gray-600 dark:text-gray-300 hover:border-gray-300 hover:bg-gray-50 dark:hover:bg-gray-900 hover:text-gray-800 dark:hover:text-gray-100">
                         React
                     </a>
                     <a href="/autoquery/" class="block border-l-4 py-2 pl-3 pr-4 text-base font-medium border-transparent text-gray-600 dark:text-gray-300 hover:border-gray-300 hover:bg-gray-50 dark:hover:bg-gray-900 hover:text-gray-800 dark:hover:text-gray-100">
@@ -1438,7 +1438,7 @@ <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 dark:text-gray-5
 
                 <div class="not-prose"></div>
 
-                <div class="content"><h2 id="react-static">React Static<a class="header-anchor" href="javascript:;" onclick="location.hash='#react-static'" aria-label="Permalink">&ZeroWidthSpace;</a></h2>
+                <div class="content"><h2 id="angular-spa">Angular SPA<a class="header-anchor" href="javascript:;" onclick="location.hash='#angular-spa'" aria-label="Permalink">&ZeroWidthSpace;</a></h2>
 <h3 id="development">Development<a class="header-anchor" href="javascript:;" onclick="location.hash='#development'" aria-label="Permalink">&ZeroWidthSpace;</a></h3>
 <pre class="mermaid">---
 config:
@@ -1499,7 +1499,7 @@ <h3 id="production">Production<a class="header-anchor" href="javascript:;" oncli
     classDef nextApp fill:#f3e8ff,stroke:#6b21a8,stroke-width:2px,color:#6b21a8
     classDef static fill:#ecfdf5,stroke:#047857,stroke-width:2px
 </pre>
-<h2 id="next.js-static">Next.js Static<a class="header-anchor" href="javascript:;" onclick="location.hash='#next.js-static'" aria-label="Permalink">&ZeroWidthSpace;</a></h2>
+<h2 id="react-static">React Static<a class="header-anchor" href="javascript:;" onclick="location.hash='#react-static'" aria-label="Permalink">&ZeroWidthSpace;</a></h2>
 <h3 id="development-1">Development<a class="header-anchor" href="javascript:;" onclick="location.hash='#development-1'" aria-label="Permalink">&ZeroWidthSpace;</a></h3>
 <pre class="mermaid">---
 config:
@@ -1509,6 +1509,67 @@ <h3 id="development-1">Development<a class="header-anchor" href="javascript:;" o
   themeVariables:
     edgeLabelBackground: '#ffffff'
 ---
+flowchart LR
+ subgraph DEVELOPMENT["DEVELOPMENT"]
+    direction LR
+        DevServer[(".NET PROJECT&lt;br>(localhost:5001)")]
+        Identity("ASP.NET Core Identity&lt;br>Razor Pages")
+        Endpoints(".NET Endpoint Routing")
+        DevNext[/"Vite React App&lt;br>(localhost:5173)&lt;br>Runs concurrently"/]
+  end
+    DevServer -- /Identity/* --> Identity
+    DevServer -- /* --> Endpoints
+    DevServer -- /* Fallback&lt;br>(Proxied) --> DevNext
+    DevServer -- Vite HMR&lt;br>(Websocket) --> DevNext
+
+    Identity:::static
+    Endpoints:::static
+    DevServer:::netHost
+    DevNext:::nextApp
+    classDef netHost fill:#dbeafe,stroke:#1e3a8a,stroke-width:2px,color:#1e3a8a
+    classDef nextApp fill:#f3e8ff,stroke:#6b21a8,stroke-width:2px,color:#6b21a8
+    classDef static fill:#ecfdf5,stroke:#047857,stroke-width:2px
+</pre>
+<h3 id="production-1">Production<a class="header-anchor" href="javascript:;" onclick="location.hash='#production-1'" aria-label="Permalink">&ZeroWidthSpace;</a></h3>
+<pre class="mermaid">---
+config:
+  layout: dagre
+  look: neo
+  theme: redux
+  themeVariables:
+    edgeLabelBackground: '#ffffff'
+---
+flowchart LR
+ subgraph PRODUCTION["PRODUCTION"]
+    direction LR
+        DevServer[(".NET PROJECT&lt;br>(localhost:5001)")]
+        Identity("ASP.NET Core Identity&lt;br>Razor Pages")
+        Endpoints(".NET Endpoint Routing")
+        StaticFiles[/"/wwwroot&lt;br>Serves static files&lt;br>(HTML, CSS, JS)"/]
+  end
+    DevServer -- /Identity/* --> Identity
+    DevServer -- /* --> Endpoints
+    DevServer &lt;-- /* Static Files --> StaticFiles
+
+    DevServer:::netHost
+    Identity:::static
+    Endpoints:::static
+    StaticFiles:::static
+
+    classDef netHost fill:#dbeafe,stroke:#1e3a8a,stroke-width:2px,color:#1e3a8a
+    classDef nextApp fill:#f3e8ff,stroke:#6b21a8,stroke-width:2px,color:#6b21a8
+    classDef static fill:#ecfdf5,stroke:#047857,stroke-width:2px
+</pre>
+<h2 id="next.js-static">Next.js Static<a class="header-anchor" href="javascript:;" onclick="location.hash='#next.js-static'" aria-label="Permalink">&ZeroWidthSpace;</a></h2>
+<h3 id="development-2">Development<a class="header-anchor" href="javascript:;" onclick="location.hash='#development-2'" aria-label="Permalink">&ZeroWidthSpace;</a></h3>
+<pre class="mermaid">---
+config:
+  layout: dagre
+  look: neo
+  theme: redux
+  themeVariables:
+    edgeLabelBackground: '#ffffff'
+---
 flowchart LR
  subgraph DEVELOPMENT["DEVELOPMENT"]
     direction LR
@@ -1533,7 +1594,7 @@ <h3 id="development-1">Development<a class="header-anchor" href="javascript:;" o
     classDef nextApp fill:#f3e8ff,stroke:#6b21a8,stroke-width:2px,color:#6b21a8
     classDef static fill:#ecfdf5,stroke:#047857,stroke-width:2px
 </pre>
-<h3 id="production-1">Production<a class="header-anchor" href="javascript:;" onclick="location.hash='#production-1'" aria-label="Permalink">&ZeroWidthSpace;</a></h3>
+<h3 id="production-2">Production<a class="header-anchor" href="javascript:;" onclick="location.hash='#production-2'" aria-label="Permalink">&ZeroWidthSpace;</a></h3>
 <pre class="mermaid">---
 config:
   layout: dagre
@@ -1564,7 +1625,7 @@ <h3 id="production-1">Production<a class="header-anchor" href="javascript:;" onc
     classDef static fill:#ecfdf5,stroke:#047857,stroke-width:2px
 </pre>
 <h2 id="next.js-react-server-components">Next.js React Server Components<a class="header-anchor" href="javascript:;" onclick="location.hash='#next.js-react-server-components'" aria-label="Permalink">&ZeroWidthSpace;</a></h2>
-<h3 id="development-2">Development<a class="header-anchor" href="javascript:;" onclick="location.hash='#development-2'" aria-label="Permalink">&ZeroWidthSpace;</a></h3>
+<h3 id="development-3">Development<a class="header-anchor" href="javascript:;" onclick="location.hash='#development-3'" aria-label="Permalink">&ZeroWidthSpace;</a></h3>
 <pre class="mermaid">---
 config:
   layout: dagre
@@ -1597,7 +1658,7 @@ <h3 id="development-2">Development<a class="header-anchor" href="javascript:;" o
     classDef nextApp fill:#f3e8ff,stroke:#6b21a8,stroke-width:2px,color:#6b21a8
     classDef static fill:#ecfdf5,stroke:#047857,stroke-width:2px
 </pre>
-<h3 id="production-2">Production<a class="header-anchor" href="javascript:;" onclick="location.hash='#production-2'" aria-label="Permalink">&ZeroWidthSpace;</a></h3>
+<h3 id="production-3">Production<a class="header-anchor" href="javascript:;" onclick="location.hash='#production-3'" aria-label="Permalink">&ZeroWidthSpace;</a></h3>
 <pre class="mermaid">---
 config:
   layout: dagre
@@ -1635,7 +1696,7 @@ <h3 id="production-2">Production<a class="header-anchor" href="javascript:;" onc
                 <div class="not-prose"></div>
 
                     <div class="not-prose py-8">
-                        <a class="text-slate-500 font-semibold hover:text-indigo-600 flex items-center" href="https://github.com/ServiceStack/docs.servicestack.net/blob/main/MyApp/_pages/react-templates.md" target="_blank" rel="noopener noreferrer">
+                        <a class="text-slate-500 font-semibold hover:text-indigo-600 flex items-center" href="https://github.com/ServiceStack/docs.servicestack.net/blob/main/MyApp/_pages/_template-diagrams.md" target="_blank" rel="noopener noreferrer">
                             Edit this page on GitHub<svg class="ml-1 inline-block w-4 h-4" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" data-v-1ed99556=""><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg>
                         </a>
                     </div>
@@ -1652,8 +1713,8 @@ <h5 class="text-slate-900 font-semibold mb-4 text-sm leading-6 dark:text-slate-1
                             </h5>
                             <ul class="text-slate-700 text-sm leading-6">
                                     <li class="group text-gray-800 hover:text-gray-900">
-                                        <span v-hash="'#react-static'" data-id="react-static" class="cursor-pointer font-medium block text-sm transform transition-colors duration-200 py-2">
-                                            React Static
+                                        <span v-hash="'#angular-spa'" data-id="angular-spa" class="cursor-pointer font-medium block text-sm transform transition-colors duration-200 py-2">
+                                            Angular SPA
                                         </span>
                                             <ul class="ml-4">
                                                     <li data-id="development" class="text-gray-500 hover:text-gray-900">
@@ -1671,8 +1732,8 @@ <h5 class="text-slate-900 font-semibold mb-4 text-sm leading-6 dark:text-slate-1
                                             </ul>
                                     </li>
                                     <li class="group text-gray-800 hover:text-gray-900">
-                                        <span v-hash="'#next.js-static'" data-id="next.js-static" class="cursor-pointer font-medium block text-sm transform transition-colors duration-200 py-2">
-                                            Next.js Static
+                                        <span v-hash="'#react-static'" data-id="react-static" class="cursor-pointer font-medium block text-sm transform transition-colors duration-200 py-2">
+                                            React Static
                                         </span>
                                             <ul class="ml-4">
                                                     <li data-id="development-1" class="text-gray-500 hover:text-gray-900">
@@ -1690,8 +1751,8 @@ <h5 class="text-slate-900 font-semibold mb-4 text-sm leading-6 dark:text-slate-1
                                             </ul>
                                     </li>
                                     <li class="group text-gray-800 hover:text-gray-900">
-                                        <span v-hash="'#next.js-react-server-components'" data-id="next.js-react-server-components" class="cursor-pointer font-medium block text-sm transform transition-colors duration-200 py-2">
-                                            Next.js React Server Components
+                                        <span v-hash="'#next.js-static'" data-id="next.js-static" class="cursor-pointer font-medium block text-sm transform transition-colors duration-200 py-2">
+                                            Next.js Static
                                         </span>
                                             <ul class="ml-4">
                                                     <li data-id="development-2" class="text-gray-500 hover:text-gray-900">
@@ -1708,6 +1769,25 @@ <h5 class="text-slate-900 font-semibold mb-4 text-sm leading-6 dark:text-slate-1
                                                     </li>
                                             </ul>
                                     </li>
+                                    <li class="group text-gray-800 hover:text-gray-900">
+                                        <span v-hash="'#next.js-react-server-components'" data-id="next.js-react-server-components" class="cursor-pointer font-medium block text-sm transform transition-colors duration-200 py-2">
+                                            Next.js React Server Components
+                                        </span>
+                                            <ul class="ml-4">
+                                                    <li data-id="development-3" class="text-gray-500 hover:text-gray-900">
+                                                        <span v-hash="'#development-3'" class="cursor-pointer flex text-sm transform transition-colors duration-200 py-2">
+                                                            <svg width="3" height="24" viewBox="0 -9 3 24" class="mr-2 overflow-visible"><path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>
+                                                            Development
+                                                        </span>
+                                                    </li>
+                                                    <li data-id="production-3" class="text-gray-500 hover:text-gray-900">
+                                                        <span v-hash="'#production-3'" class="cursor-pointer flex text-sm transform transition-colors duration-200 py-2">
+                                                            <svg width="3" height="24" viewBox="0 -9 3 24" class="mr-2 overflow-visible"><path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>
+                                                            Production
+                                                        </span>
+                                                    </li>
+                                            </ul>
+                                    </li>
                             </ul>
                         </div>
                     </div>

about.html

@@ -6,7 +6,7 @@
     gtag('js', new Date()); gtag('config', 'UA-7722718-13');</script>
 
     <meta charset="utf-8"/>
-    <meta name='date' content='2025-12-04T04:13:57.0572670Z'>
+    <meta name='date' content='2025-12-04T04:43:35.5124850Z'>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/svg" href="/img/logo.svg">
     <title>About Us</title>

access-http-specific-features-in-services.html

@@ -6,7 +6,7 @@
     gtag('js', new Date()); gtag('config', 'UA-7722718-13');</script>
 
     <meta charset="utf-8"/>
-    <meta name='date' content='2025-12-04T04:13:55.0947213Z'>
+    <meta name='date' content='2025-12-04T04:43:32.9779767Z'>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/svg" href="/img/logo.svg">
     <title>Access HTTP-specific Features in Services</title>

add-servicestack-reference.html

@@ -6,7 +6,7 @@
     gtag('js', new Date()); gtag('config', 'UA-7722718-13');</script>
 
     <meta charset="utf-8"/>
-    <meta name='date' content='2025-12-04T04:13:55.0974254Z'>
+    <meta name='date' content='2025-12-04T04:43:32.9811646Z'>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/svg" href="/img/logo.svg">
     <title>Add ServiceStack Reference</title>

adhoc-utils.html

@@ -6,7 +6,7 @@
     gtag('js', new Date()); gtag('config', 'UA-7722718-13');</script>
 
     <meta charset="utf-8"/>
-    <meta name='date' content='2025-12-04T04:13:55.1000030Z'>
+    <meta name='date' content='2025-12-04T04:43:32.9845612Z'>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/svg" href="/img/logo.svg">
     <title>Adhoc Utils</title>

admin-ui-analytics.html

@@ -6,7 +6,7 @@
     gtag('js', new Date()); gtag('config', 'UA-7722718-13');</script>
 
     <meta charset="utf-8"/>
-    <meta name='date' content='2025-12-04T04:13:55.1022040Z'>
+    <meta name='date' content='2025-12-04T04:43:32.9876236Z'>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/svg" href="/img/logo.svg">
     <title>Admin UI Analytics for SQLite</title>

admin-ui-database.html

@@ -6,7 +6,7 @@
     gtag('js', new Date()); gtag('config', 'UA-7722718-13');</script>
 
     <meta charset="utf-8"/>
-    <meta name='date' content='2025-12-04T04:13:55.1044218Z'>
+    <meta name='date' content='2025-12-04T04:43:32.9908361Z'>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/svg" href="/img/logo.svg">
     <title>Database Admin</title>

admin-ui-features.html

@@ -6,7 +6,7 @@
     gtag('js', new Date()); gtag('config', 'UA-7722718-13');</script>
 
     <meta charset="utf-8"/>
-    <meta name='date' content='2025-12-04T04:13:55.1065461Z'>
+    <meta name='date' content='2025-12-04T04:43:32.9938630Z'>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/svg" href="/img/logo.svg">
     <title>Admin UI Features</title>

admin-ui-identity-roles.html

@@ -6,7 +6,7 @@
     gtag('js', new Date()); gtag('config', 'UA-7722718-13');</script>
 
     <meta charset="utf-8"/>
-    <meta name='date' content='2025-12-04T04:13:55.1086279Z'>
+    <meta name='date' content='2025-12-04T04:43:32.9968827Z'>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/svg" href="/img/logo.svg">
     <title>Identity Roles &amp; Claims UI</title>

admin-ui-identity-users.html

@@ -6,7 +6,7 @@
     gtag('js', new Date()); gtag('config', 'UA-7722718-13');</script>
 
     <meta charset="utf-8"/>
-    <meta name='date' content='2025-12-04T04:13:55.1106733Z'>
+    <meta name='date' content='2025-12-04T04:43:32.9998868Z'>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/svg" href="/img/logo.svg">
     <title>Identity User Admin Feature</title>