How to create new page

How to add a new page

Create a .mdx file

Please fill in all fields

What you want create?

"Docs", "Blog", "Learn"

New Docs

To create a new page in the documentation, create a file in the /pages/docs folder

---
title: Title goes here
description: Description goes here
---

# Title / Heading 1

Text goes here...

New Blog

To create a new blog post, create a file in the /pages/blog folder

---
title: Post Title
description: Short description of the blog?
 authors: [<name-of-authors>]
date: 2023/1/1
image: "/blog/banner.jpg"
tags: ["create-tags"]
---

Create your own authors profile

Open the config.ts file, scroll and find the line to blogAuthors and add your personal information

• Avoid long text
• Don't post suspicious URLs

export const blogAuthors: Record<string, AuthorData> = {
//...
abraham: {
name: "Abraham Yusuf",
title: "Your Bio",
url: "https://www.abrahamyusuf.my.id",
image_url: "/blog/abraham-yusuf.png", //insert image to /public/blog/abraham-yusuf.png
},
};

You can then use abraham as your authors ID

New Learning

To create a new course in Learning path, create a file in the /pages/learn folder

---
title: Lesson title
description: Short description of the lesson?

 authors: [<name-of-authors>]
date: 2023/1/1
image: "/learn/banner.jpg"
tags: ["create-tags"]
---

Create your own authors profile

Open the config.ts file, scroll and find the line to learnAuthors and add your personal information

• Avoid long text
• Don't post suspicious URLs

export const learnAuthors: Record<string, AuthorLearnData> = {
//...
abraham: {
name: "Abraham Yusuf",
title: "Your Bio",
url: "https://www.abrahamyusuf.my.id",
image_url: "/learn/abraham-yusuf.png", //insert image to /public/blog/abraham-yusuf.png
},
};

You can then use abraham as your author ID

Creating Content

I'm sure you've learned some basic Markdown syntax

Note the following

• appropriate words
• No personal promotions
• No bias or politics

Improve your article

• Good typography: Use headings if there's a lot of messy text
• Space between numbers and language: All follow the Indonesian Copywriting Guidelines
• Using custom components: You can learn more from here

Ordering pages

You'll need to edit _meta.json to change the order of each page:

{
"my-new-page":  "new page title",
"index": "quickstart",
"commands": "instructions"
}

Have a question?

If you need support, you can contact our support group

Join Server

We're removing the old syntax

Please use custom components instead

::: warning
this is no longer supported
:::