Add Steps component to kinsta.mdx (#8103)

Co-authored-by: Houston (Bot) <[email protected]> Co-authored-by: Sergio A. Arevalo Soria <[email protected]> Co-authored-by: Atharva <[email protected]> Co-authored-by: Reuben Tier <[email protected]>
withastro · May 2, 2024 · d5c6de2 · d5c6de2
1 parent 1535032
commit d5c6de2
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/content/docs/en/guides/deploy/kinsta.mdx b/src/content/docs/en/guides/deploy/kinsta.mdx
@@ -4,12 +4,14 @@ description: How to deploy your Astro site to the web on Kinsta Application Host
 type: deploy
 i18nReady: true
 ---
+import { Steps } from '@astrojs/starlight/components';
 
 You can use [Kinsta Application Hosting](https://kinsta.com/application-hosting/) to host an Astro site on their cloud hosting.
 
 ## Configuring your Astro project
 
 ### Static hosting
+
 :::tip[Looking for an example?]
 Check out [the official Kinsta Application Hosting Starter project for Astro](https://github.com/kinsta/hello-world-astro)!
 :::
@@ -38,6 +40,7 @@ Here are the necessary lines in your `package.json` file:
 ```
 
 ### SSR
+
 :::tip[Looking for an example?]
 Check out [the official Kinsta Application Hosting Starter project for Astro SSR](https://github.com/kinsta/hello-world-astro-ssr)!
 :::
@@ -83,12 +86,21 @@ Here are the necessary lines in your `astro.config.mjs` file:
 ```
 
 ## How to deploy
+
 Once your project's GitHub repository is connected, you can trigger manual deploys to Kinsta Application Hosting in the **MyKinsta Admin Panel**. You can also set up automatic deployments in your admin panel.
 
 ### Configuring a new Kinsta application
+
+<Steps>
 1. Go to the [My Kinsta](https://my.kinsta.com/) admin panel.
+
 2. Go to the **Applications** tab.
+
 3. Connect your GitHub repository.
+
 4. Press the **Add service** > **Application** button.
+
 5. Follow the wizard steps.
+
 6. Your application is deployed.
+</Steps>