From 5df8c832b8c7bd792c828c21a8020dc4f04f2fea Mon Sep 17 00:00:00 2001 From: Eduardo Pereira Date: Tue, 30 Apr 2024 21:52:36 -0300 Subject: [PATCH] Add Steps component to `keystatic.mdx` --- src/content/docs/en/guides/cms/keystatic.mdx | 41 ++++++++++---------- 1 file changed, 21 insertions(+), 20 deletions(-) diff --git a/src/content/docs/en/guides/cms/keystatic.mdx b/src/content/docs/en/guides/cms/keystatic.mdx index 06fbe24b05ec0..50bd7590a1d0d 100644 --- a/src/content/docs/en/guides/cms/keystatic.mdx +++ b/src/content/docs/en/guides/cms/keystatic.mdx @@ -5,8 +5,9 @@ type: cms service: Keystatic i18nReady: true --- +import { Steps } from '@astrojs/starlight/components'; import { FileTree } from '@astrojs/starlight/components'; -import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro' +import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'; [Keystatic](https://keystatic.com/) is an open source, headless content-management system that allows you to structure your content and sync it with GitHub. @@ -157,30 +158,30 @@ Visit `http://127.0.0.1:4321/keystatic` in the browser to see the Keystatic Admi ## Creating a new post + 1. In the Keystatic Admin UI dashboard, click on the “Posts” collection. - 2. Use the button to create a new post. Add the title "My First Post" and some content, then save the post. - - 3. This post should now be visible from your "Posts" collection. You can view and edit your individual posts from this dashboard page. - - 4. Return to view your Astro project files. You will now find a new `.mdoc` file inside the `src/content/posts` directory for this new post: +2. Use the button to create a new post. Add the title "My First Post" and some content, then save the post. - - - src/ - - content/ - - posts/ - - **my-first-post.mdoc** - +3. This post should now be visible from your "Posts" collection. You can view and edit your individual posts from this dashboard page. -5. Navigate to that file in your code editor and verify that you can see the Markdown content you entered. For example: +4. Return to view your Astro project files. You will now find a new `.mdoc` file inside the `src/content/posts` directory for this new post: + + - src/ + - content/ + - posts/ + - **my-first-post.mdoc** + - ```markdown - --- - title: My First Post - --- - - This is my very first post. I am **super** excited! - ``` +5. Navigate to that file in your code editor and verify that you can see the Markdown content you entered. For example: + ```markdown + --- + title: My First Post + --- + + This is my very first post. I am **super** excited! + ``` + ## Rendering Keystatic content