diff --git a/components/TheFooter.vue b/components/TheFooter.vue
new file mode 100644
index 0000000..71789f7
--- /dev/null
+++ b/components/TheFooter.vue
@@ -0,0 +1,11 @@
+<template>
+  <nav class="TheFooter">
+    <NuxtLink to="/"></NuxtLink>
+  </nav>
+</template>
+
+<script>
+export default {
+  name: 'TheFooter'
+}
+</script>
diff --git a/components/TheHeader.vue b/components/TheHeader.vue
new file mode 100644
index 0000000..2ed270f
--- /dev/null
+++ b/components/TheHeader.vue
@@ -0,0 +1,11 @@
+<template>
+  <nav class="TheHeader">
+    <NuxtLink to="/"></NuxtLink>
+  </nav>
+</template>
+
+<script>
+export default {
+  name: 'TheHeader'
+}
+</script>
diff --git a/layouts/default.vue b/layouts/default.vue
new file mode 100644
index 0000000..9b83234
--- /dev/null
+++ b/layouts/default.vue
@@ -0,0 +1,18 @@
+<template>
+  <div>
+    <TheHeader />
+    <Nuxt />
+    <TheFooter />
+  </div>
+</template>
+
+<script>
+import TheHeader from '~/components/TheHeader'
+export default {
+  name: 'Default',
+  components: {
+    TheHeader,
+    TheFooter: () => import('~/components/TheFooter')
+  }
+}
+</script>