diff --git a/App.vue b/App.vue
index 0d9359f..2932ab5 100644
--- a/App.vue
+++ b/App.vue
@@ -1,17 +1,10 @@
 <template>
-  <view class="container">
-    <text class="text-color-primary">My Vue Native App</text>
-    </view>
+  <setup></setup>
 </template>
- 
-<style>
-.container {
-  background-color: white;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-}
-.text-color-primary {
-  color: blue;
-}
-</style>
+
+<script>
+import Setup from "./src/boot/setup.vue";
+export default {
+  components: { Setup }
+};
+</script>
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..07b963f
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,20 @@
+<template>
+    <app-navigation></app-navigation>
+</template>
+
+
+<script>
+import { StackNavigator } from "vue-native-router";
+import Home from "./screens/home/index";
+const AppNavigation = StackNavigator(
+  {
+    Home: { screen: Home }
+  },
+  {
+    initialRouteName: "Home"
+  }
+);
+export default {
+  components: { AppNavigation }
+};
+</script>
diff --git a/src/boot/setup.vue b/src/boot/setup.vue
new file mode 100644
index 0000000..9e53d72
--- /dev/null
+++ b/src/boot/setup.vue
@@ -0,0 +1,13 @@
+<template>
+    <app></app>
+</template>
+
+
+<script>
+import { StackNavigator } from "vue-native-router";
+import App from "../App.vue";
+
+export default {
+  components: { App }
+};
+</script>
diff --git a/src/screens/home/index.vue b/src/screens/home/index.vue
new file mode 100644
index 0000000..27bc8b2
--- /dev/null
+++ b/src/screens/home/index.vue
@@ -0,0 +1,17 @@
+<template>
+  <view class="container">
+    <text class="text-color-primary">My Vue Native App</text>
+    </view>
+</template>
+ 
+<style>
+.container {
+  background-color: white;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+}
+.text-color-primary {
+  color: blue;
+}
+</style>
\ No newline at end of file