diff --git a/docs/src/.vitepress/config.mts b/docs/src/.vitepress/config.mts
index 2336ce36..22100296 100644
--- a/docs/src/.vitepress/config.mts
+++ b/docs/src/.vitepress/config.mts
@@ -21,6 +21,8 @@ export default {
       documentRootPath: 'src',
       collapsed: false,
       useTitleFromFileHeading: true,
+      useTitleFromFrontmatter: true,
+      sortMenusByFrontmatterOrder: true,
       manualSortFileNameByPriority: [
         'Installation and Build',
         'Project Structures',
diff --git a/docs/src/Installation and Build/automated-testing.md b/docs/src/Installation and Build/automated-testing.md
index 3b91de5f..32f37745 100644
--- a/docs/src/Installation and Build/automated-testing.md	
+++ b/docs/src/Installation and Build/automated-testing.md	
@@ -1,3 +1,7 @@
+---
+order: 4
+---
+
 # Automated Testing
 
 **Vutron** includes automated testing. The testing framework uses Microsoft's **[Playwright](https://playwright.dev)**.
diff --git a/docs/src/Installation and Build/build-configuration.md b/docs/src/Installation and Build/build-configuration.md
index a9847d85..d4bf592c 100644
--- a/docs/src/Installation and Build/build-configuration.md	
+++ b/docs/src/Installation and Build/build-configuration.md	
@@ -1,3 +1,7 @@
+---
+order: 2
+---
+
 # Build Configurations
 
 Once the module installation is complete, you can simply build the platform package with the command below.
diff --git a/docs/src/Installation and Build/getting-started.md b/docs/src/Installation and Build/getting-started.md
index 1de66a9f..349c1c46 100644
--- a/docs/src/Installation and Build/getting-started.md	
+++ b/docs/src/Installation and Build/getting-started.md	
@@ -1,3 +1,7 @@
+---
+order: 1
+---
+
 # Getting Started
 
 ## Clone project
diff --git a/docs/src/Installation and Build/install-local-documentation.md b/docs/src/Installation and Build/install-local-documentation.md
index 61dae7f3..c8e58ff5 100644
--- a/docs/src/Installation and Build/install-local-documentation.md	
+++ b/docs/src/Installation and Build/install-local-documentation.md	
@@ -1,3 +1,7 @@
+---
+order: 5
+---
+
 # Manage Local Documentation
 
 Documents from `Vutron` can be viewed in the local environment through the `VitePress` viewer.
diff --git a/docs/src/Installation and Build/npm-scripts.md b/docs/src/Installation and Build/npm-scripts.md
index 0a733b9a..026e580d 100644
--- a/docs/src/Installation and Build/npm-scripts.md	
+++ b/docs/src/Installation and Build/npm-scripts.md	
@@ -1,3 +1,8 @@
+---
+title: NPM Scripts
+order: 3
+---
+
 # Npm Scripts
 
 > $ npm run %SCRIPT_NAME%
diff --git a/docs/src/Project Structures/pre-configured-components.md b/docs/src/Project Structures/pre-configured-components.md
index c4b485d4..b3bd3e17 100644
--- a/docs/src/Project Structures/pre-configured-components.md	
+++ b/docs/src/Project Structures/pre-configured-components.md	
@@ -1,3 +1,7 @@
+---
+order: 2
+---
+
 # Pre-configured Components
 
 ## Web app frameworks
diff --git a/docs/src/Project Structures/project-structure.md b/docs/src/Project Structures/project-structure.md
index 2205e253..02ccde1e 100644
--- a/docs/src/Project Structures/project-structure.md	
+++ b/docs/src/Project Structures/project-structure.md	
@@ -1,3 +1,7 @@
+---
+order: 1
+---
+
 # Project Structure
 
 ```