Add Steps component to hygraph.mdx (#8079)

Co-authored-by: Houston (Bot) <[email protected]> Co-authored-by: Yan <[email protected]> Co-authored-by: Reuben Tier <[email protected]> Co-authored-by: Sarah Rainsberger <[email protected]>
withastro · May 2, 2024 · 1535032 · 1535032
1 parent 7aab10d
commit 1535032
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/content/docs/en/guides/cms/hygraph.mdx b/src/content/docs/en/guides/cms/hygraph.mdx
@@ -5,6 +5,7 @@ type: cms
 service: Hygraph
 i18nReady: true
 ---
+import { Steps } from '@astrojs/starlight/components';
 import { FileTree } from '@astrojs/starlight/components';
 
 [Hygraph](https://hygraph.com/) is a federated content management platform. It exposes a GraphQL endpoint for fetching content.
@@ -110,13 +111,15 @@ const posts: Post[] = json.data.blogPosts;
 
 To set up a webhook in Netlify:
 
+<Steps>
 1. Deploy your site to Netlify with [this guide](/en/guides/deploy/netlify/). Remember to add your `HYGRAPH_ENDPOINT` to the environment variables.
 
 2. Then Go to your Hygraph project dashboard and click on **Apps**. 
 
 3. Go to the marketplace and search for Netlify and follow the instructions provided.
 
 4. If all went good, now you can deploy your website with a click in the Hygraph interface.
+</Steps>
 
 ## Community Resources