diff --git a/frontend/src/views/Home/Home.vue b/frontend/src/views/Home/Home.vue
index e976dbb1243350f32a22c393219dcbfe1d18ec5e..5660c08297027703d8d79aa6ea2df551b46e5c89 100644
--- a/frontend/src/views/Home/Home.vue
+++ b/frontend/src/views/Home/Home.vue
@@ -1,6 +1,3 @@
-<script setup lang="ts">
-</script>
-
 <template>
     <div class="home">
         <el-container>
@@ -9,7 +6,7 @@
                     <img src="../../assets/logo.png" alt="">
                 </div>
                 <el-menu>
-                    <p>menu</p>
+                    <sidebar/>
                 </el-menu>
             </el-aside>
             <el-container>
@@ -20,6 +17,11 @@
     </div>
 </template>
 
+<script setup lang="ts">
+import Sidebar from "./components/Sidebar.vue";
+</script>
+
+
 <style lang="scss">
 .home {
     width: 100%;
diff --git a/frontend/src/views/Home/components/Sidebar.vue b/frontend/src/views/Home/components/Sidebar.vue
new file mode 100644
index 0000000000000000000000000000000000000000..9737a9e17e1c3af0c28a1adf3d19b02a9448b236
--- /dev/null
+++ b/frontend/src/views/Home/components/Sidebar.vue
@@ -0,0 +1,10 @@
+<template>
+  <div>
+    <p>sidebar menus</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style lang="scss" scoped></style>
\ No newline at end of file