diff --git a/docs/docs/tutorials/adv_clothing/index.md b/docs/docs/tutorials/adv_clothing/index.md
index 0a7c14ce..19d1daa5 100644
--- a/docs/docs/tutorials/adv_clothing/index.md
+++ b/docs/docs/tutorials/adv_clothing/index.md
@@ -3,6 +3,8 @@ sidebar_position: 2
 sidebar_label: Configuring a complex (cloth) outfit
 ---
 
+# Configuring a complex (cloth) outfit
+
 In some cases the automatic setup is not quite enough to set up a complex outfit.
 Let's look at Lachexia's [Dress Lumi](https://lachexia.booth.pm/items/3763311) as an example.
 
diff --git a/docs/docs/tutorials/index.md b/docs/docs/tutorials/index.md
index b87686e8..7f89cd94 100644
--- a/docs/docs/tutorials/index.md
+++ b/docs/docs/tutorials/index.md
@@ -7,5 +7,5 @@ sidebar_label: Tutorials
 
 Here are some step-by-step guides on how to set up things using Modular Avatar.
 
-* [Configuring a simple outfit](clothing) - in most cases, you can set up an outfit with just a few clicks. Check out this tutorial for details.
-* [Configuring a complex (cloth) outfit](adv_clothing) - this tutorial shows an example of an outfit that requires just a little bit more setup
\ No newline at end of file
+* [Configuring a simple outfit](clothing/) - in most cases, you can set up an outfit with just a few clicks. Check out this tutorial for details.
+* [Configuring a complex (cloth) outfit](adv_clothing/) - this tutorial shows an example of an outfit that requires just a little bit more setup
\ No newline at end of file
diff --git a/docs/i18n/ja/code.json b/docs/i18n/ja/code.json
index 29128753..c66614f6 100644
--- a/docs/i18n/ja/code.json
+++ b/docs/i18n/ja/code.json
@@ -283,5 +283,8 @@
   },
   "Embed modular avatar components in your prefabs to make installation a breeze!": {
     "message": "モジュラーアバターの設定を予めアセットに埋め込めば導入が楽ちん！"
+  },
+  "Tutorials": {
+    "message": "チュートリアル"
   }
 }
diff --git a/docs/i18n/ja/docusaurus-plugin-content-docs/current/tutorials/adv_clothing/index.md b/docs/i18n/ja/docusaurus-plugin-content-docs/current/tutorials/adv_clothing/index.md
index 7782a391..5e95ad43 100644
--- a/docs/i18n/ja/docusaurus-plugin-content-docs/current/tutorials/adv_clothing/index.md
+++ b/docs/i18n/ja/docusaurus-plugin-content-docs/current/tutorials/adv_clothing/index.md
@@ -3,6 +3,8 @@ sidebar_position: 2
 sidebar_label: 複雑なCloth衣装セットアップ
 ---
 
+# 複雑なCloth衣装セットアップ
+
 自動セットアップでは対処しきれない衣装もあります。ラケシアさんの[ドレス・ルミー](https://lachexia.booth.pm/items/3763311)
 を例に見てみましょう。
 
diff --git a/docs/i18n/ja/docusaurus-plugin-content-docs/current/tutorials/index.md b/docs/i18n/ja/docusaurus-plugin-content-docs/current/tutorials/index.md
index 136d9a1b..de58ba79 100644
--- a/docs/i18n/ja/docusaurus-plugin-content-docs/current/tutorials/index.md
+++ b/docs/i18n/ja/docusaurus-plugin-content-docs/current/tutorials/index.md
@@ -7,5 +7,5 @@ sidebar_label: かんたんな使い方
 
 Modular Avatarを使ったセットアップ方法を紹介するチュートリアルがいくつかあります。
 
-* [簡単な衣装セットアップ](clothing) - 多くの場合は衣装を数クリックだけでセットアップできます。このチュートリアルで詳細をチェック！
-* [複雑なCloth衣装セットアップ](adv_clothing) - もう少しだけセットアップが必要になる、複雑な衣装の例です。
\ No newline at end of file
+* [簡単な衣装セットアップ](clothing/) - 多くの場合は衣装を数クリックだけでセットアップできます。このチュートリアルで詳細をチェック！
+* [複雑なCloth衣装セットアップ](adv_clothing/) - もう少しだけセットアップが必要になる、複雑な衣装の例です。
\ No newline at end of file
diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx
index 2e9b9174..7687d2b0 100644
--- a/docs/src/pages/index.tsx
+++ b/docs/src/pages/index.tsx
@@ -38,6 +38,11 @@ function HomepageHeader() {
               to="https://github.com/bdunderscore/modular-avatar/releases">
               <Translate>Download</Translate>
           </Link>
+          <Link
+            className={`button button--secondary button--lg ${styles.button}`}
+            to="/docs/tutorials">
+            <Translate>Tutorials</Translate>
+          </Link>
         </div>
       </div>
     </header>