diff --git a/admin/src/App.vue b/admin/src/App.vue
index 9267cc82b..70bc2978a 100644
--- a/admin/src/App.vue
+++ b/admin/src/App.vue
@@ -1,9 +1,19 @@
 <template>
-  <div id="app"></div>
+  <div id="app">
+    <nav-bar class="wrapper-nav" />
+    <router-view class="wrapper p-3"></router-view>
+    <foo-ter />
+  </div>
 </template>
 
 <script>
+import NavBar from '@/components/NavBar.vue'
+import FooTer from '@/components/Footer.vue'
 export default {
   name: 'App',
+  components: {
+    NavBar,
+    FooTer,
+  },
 }
 </script>