Split Dapr, DAB, and LavinMQ integration docs

src/frontend/config/redirects.mjs

@@ -178,11 +178,14 @@ export const redirects = {
   '/integrations/devtools/flagd/': '/integrations/devtools/flagd/flagd-get-started/',
   '/integrations/devtools/goff/': '/integrations/devtools/goff/goff-get-started/',
   '/integrations/devtools/mailpit/': '/integrations/devtools/mailpit/mailpit-get-started/',
+  '/integrations/devtools/dab/': '/integrations/devtools/dab/dab-get-started/',
+  '/integrations/frameworks/dapr/': '/integrations/frameworks/dapr/dapr-get-started/',
   '/integrations/frameworks/go/': '/integrations/frameworks/go/go-get-started/',
   '/integrations/frameworks/go-apps/': '/integrations/frameworks/go/go-get-started/',
   '/ja/integrations/frameworks/go-apps/': '/integrations/frameworks/go/go-get-started/',
   '/integrations/frameworks/csharp-file-based-apps/': '/integrations/dotnet/csharp-file-based-apps/',
   '/integrations/frameworks/maui/': '/integrations/dotnet/maui/',
+  '/integrations/messaging/lavinmq/': '/integrations/messaging/lavinmq/lavinmq-get-started/',
   '/fundamentals/service-defaults/': '/get-started/csharp-service-defaults/',
   '/fundamentals/launch-profiles/': '/integrations/dotnet/launch-profiles/',
   '/ja/fundamentals/service-defaults/': '/ja/get-started/csharp-service-defaults/',

src/frontend/config/sidebar/integrations.topics.ts

@@ -1346,7 +1346,24 @@ export const integrationTopics: StarlightSidebarTopicsUserConfig = {
             { label: 'Orleans', slug: 'integrations/frameworks/orleans' },
           ],
         },
-        { label: 'Dapr', slug: 'integrations/frameworks/dapr' },
+        {
+          label: 'Dapr',
+          collapsed: true,
+          items: [
+            {
+              label: 'Get started',
+              slug: 'integrations/frameworks/dapr/dapr-get-started',
+            },
+            {
+              label: 'Set up Dapr resources in the AppHost',
+              slug: 'integrations/frameworks/dapr/dapr-host',
+            },
+            {
+              label: 'Connect to Dapr',
+              slug: 'integrations/frameworks/dapr/dapr-connect',
+            },
+          ],
+        },
         {
           label: 'Go',
           collapsed: true,
@@ -1434,7 +1451,24 @@ export const integrationTopics: StarlightSidebarTopicsUserConfig = {
             },
           ],
         },
-        { label: 'LavinMQ', slug: 'integrations/messaging/lavinmq' },
+        {
+          label: 'LavinMQ',
+          collapsed: true,
+          items: [
+            {
+              label: 'Get started',
+              slug: 'integrations/messaging/lavinmq/lavinmq-get-started',
+            },
+            {
+              label: 'Set up LavinMQ in the AppHost',
+              slug: 'integrations/messaging/lavinmq/lavinmq-host',
+            },
+            {
+              label: 'Connect to LavinMQ',
+              slug: 'integrations/messaging/lavinmq/lavinmq-connect',
+            },
+          ],
+        },
         {
           label: 'NATS',
           collapsed: true,
@@ -1605,7 +1639,24 @@ export const integrationTopics: StarlightSidebarTopicsUserConfig = {
           },
           slug: 'integrations/devtools/browser-logs',
         },
-        { label: 'Data API Builder', slug: 'integrations/devtools/dab' },
+        {
+          label: 'Data API Builder',
+          collapsed: true,
+          items: [
+            {
+              label: 'Get started',
+              slug: 'integrations/devtools/dab/dab-get-started',
+            },
+            {
+              label: 'Set up Data API Builder in the AppHost',
+              slug: 'integrations/devtools/dab/dab-host',
+            },
+            {
+              label: 'Connect to Data API Builder',
+              slug: 'integrations/devtools/dab/dab-connect',
+            },
+          ],
+        },
         { label: 'Dev Tunnels', slug: 'integrations/devtools/dev-tunnels' },
         {
           label: 'flagd',

src/frontend/src/components/ThemeImage.astro

@@ -29,7 +29,7 @@ const {
 const imageWidth = width ?? dark.width;
 const imageHeight = height ?? dark.height;
 const imageClass = [classOverride, 'theme-image'].filter(Boolean).join(' ');
-const imageOptions = { width: imageWidth, height: imageHeight };
+const imageOptions = { width: imageWidth, height: imageHeight, fit: 'contain' as const };
 const optimizedLight = await getImage({ src: light, ...imageOptions });
 const optimizedDark = await getImage({ src: dark, ...imageOptions });
 const themedImageProps = {
@@ -41,6 +41,7 @@ const themedImageProps = {
   'data-dark-srcset': optimizedDark.srcSet.attribute,
   width: imageWidth,
   height: imageHeight,
+  fit: 'contain' as const,
   decoding: 'async' as const,
   loading: 'lazy' as const,
 };

src/frontend/src/content/docs/community/thanks.mdx

@@ -1438,7 +1438,10 @@ The bedrock of everything Aspire does — from the SDK and runtime to the Blazor
       <a href="https://dapr.io" class="thanks-link-project">
         dapr.io <Icon name="external" size="small" class="thanks-link-icon" />
       </a>
-      <a href="/integrations/frameworks/dapr/" class="thanks-link-docs">
+      <a
+        href="/integrations/frameworks/dapr/dapr-get-started/"
+        class="thanks-link-docs"
+      >
         <span class="thanks-book-icon" aria-hidden="true"></span> Docs
       </a>
     </div>

src/frontend/src/content/docs/get-started/dev-containers.mdx

@@ -241,7 +241,7 @@ If you encounter networking issues between containers or need IPv6 support, you
 
 ### Dapr integration examples
 
-For Aspire apps that integrate with Dapr, you can set up Dapr components in your Dev Container. For more information, see [Aspire Dapr integration](/integrations/frameworks/dapr/).
+For Aspire apps that integrate with Dapr, you can set up Dapr components in your Dev Container. For more information, see [Aspire Dapr integration](/integrations/frameworks/dapr/dapr-get-started/).
 
 #### Basic Dapr setup
 

src/frontend/src/content/docs/get-started/faq.mdx

@@ -127,7 +127,7 @@ Learn more: [Deployment overview](/deployment/deploy-with-aspire/#compute-enviro
 
 Dapr provides runtime building blocks such as pub/sub, bindings, state, and service invocation. Aspire focuses on application composition, orchestration, integration wiring, and observability. They address different layers of the problem and can be used together when that combination makes sense.
 
-Learn more: [Dapr integration](/integrations/frameworks/dapr/), [Community discussion: Aspire + Dapr](https://github.com/microsoft/aspire/discussions/2735), [Community discussion: Aspire + Kubernetes](https://github.com/microsoft/aspire/discussions/6597)
+Learn more: [Dapr integration](/integrations/frameworks/dapr/dapr-get-started/), [Community discussion: Aspire + Dapr](https://github.com/microsoft/aspire/discussions/2735), [Community discussion: Aspire + Kubernetes](https://github.com/microsoft/aspire/discussions/6597)
 
 ## Does Aspire replace Docker Compose, Kubernetes, or my deployment platform?