diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..4797e4b
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,4 @@
+VITE_APP_NAME="Kamil Niemczycki CV"
+VITE_CV_URL="http://localhost:5173"
+VITE_API_URL="http://localhost"
+VITE_SOURCE_CODE="https://github.com/kamilniemczycki/kamilcraft-cv"
diff --git a/.env.example b/.env.example
index 2fea494..fbe18e0 100644
--- a/.env.example
+++ b/.env.example
@@ -1,4 +1,5 @@
 VITE_APP_NAME="Kamil Niemczycki CV"
 VITE_CV_URL="http://localhost:5173"
+VITE_PORT=5173
 VITE_API_URL="http://localhost"
 VITE_SOURCE_CODE="https://github.com/kamilniemczycki"
diff --git a/.env.deployment b/.env.production
similarity index 100%
rename from .env.deployment
rename to .env.production
diff --git a/index.html b/index.html
index e00107b..ca12e81 100644
--- a/index.html
+++ b/index.html
@@ -6,8 +6,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <title>Kamil Niemczycki CV</title>
+    <meta property="og:site_name" content="cv.kamilcraft.com" />
+    <meta property="og:title" content="Kamil Niemczycki CV" />
+    <meta property="og:type" content="website" />
+    <meta property="og:image" content="https://cv.kamilcraft.com/me.webp" />
+    <meta property="og:description" content="Ambitny i nastawiony na cel, gotowy do podjęcia wyzwań absolwent informatyki, który szuka pierwszej pracy jako inżynier oprogramowania." />
+    <meta name="description" content="Ambitny i nastawiony na cel, gotowy do podjęcia wyzwań absolwent informatyki, który szuka pierwszej pracy jako inżynier oprogramowania." />
   </head>
-  <body>
+  <body class="min-h-screen">
     <div id="cv"></div>
     <script type="module" src="/src/main.js"></script>
   </body>
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..c2a49f4
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
diff --git a/src/App.vue b/src/App.vue
index 019d790..f3be424 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,4 +1,11 @@
 <script setup>
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+
+const route = useRoute();
+
+const isErrorPage = computed(() => route.name === 'NotFound');
+
 function print() {
   window.print();
 }
@@ -17,10 +24,10 @@ function print() {
 </style>
 
 <template>
-  <div class="print-section">
+  <div v-if="!isErrorPage" class="print-section">
     <button class="px-4 py-2 w-full sm:w-80 font-semibold text-sm bg-orange-300 text-orange-700 rounded-full shadow-sm" @click="print">Drukuj CV</button>
   </div>
-  <main class="main bg-blob">
+  <main class="main bg-white">
     <router-view />
   </main>
 </template>
diff --git a/src/components/Body.vue b/src/components/Body.vue
index 53e78b7..379c642 100644
--- a/src/components/Body.vue
+++ b/src/components/Body.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { defineProps, computed, ref } from 'vue';
+import { computed, ref } from 'vue';
 import Education from './Body/Education.vue';
 import MajorAchivments from './Body/MajorAchivments.vue';
 import Skills from './Side/Skills.vue';
@@ -8,16 +8,16 @@ import Links from './Side/Links.vue';
 
 const props = defineProps({
     token: {
+        type: String,
         default: null,
-        type: [String, null],
     },
     rodo: {
+        type: String,
         default: null,
-        type: [String, null],
     },
     loading: {
-        required: true,
         type: Boolean,
+        default: false,
     },
 });
 
@@ -33,7 +33,7 @@ const qrCodeLink = computed(() => {
 </script>
 
 <template>
-    <div class="flex flex-col-reverse print:flex-row print:gap-2 md:flex-row md:gap-2">
+    <div class="flex flex-col-reverse print:flex-row print:gap-1 md:flex-row md:gap-1">
         <div class="relative print:w-2/3 print:flex-shrink-0 md:w-2/3 pb-3 md:flex-shrink-0 pt-1 px-4">
             <MajorAchivments />
             <Education />
@@ -59,11 +59,11 @@ const qrCodeLink = computed(() => {
             <Skills />
             <Certificates />
             <Links class="pb-8 md:pb-0" />
-            <div class="hidden print:block print:absolute bottom-7 right-0 w-full">
+            <div class="hidden print:block print:absolute bottom-9 right-0 w-full">
                 <a :href="qrCodeLink" title="Link do CV w wersji przeglądarkowej" target="_blink">
                     <QRCode
                         render-as="svg"
-                        class="mx-auto mb-2"
+                        class="mx-auto mb-1"
                         :value="qrCodeLink"
                         :size="100"
                         level="L"
@@ -71,7 +71,7 @@ const qrCodeLink = computed(() => {
                 </a>
                 <div class="text-center">CV w wersji online</div>
             </div>
-            <div class="absolute bottom-1.5 right-0 w-full px-5 text-right md:text-center text-xs">
+            <div class="absolute bottom-1.5 right-0 w-full px-5 text-center text-xs">
                 <a :href="sourceCode" target="_blank"><FontAwesomeIcon class="mr-1" :icon="['fab', 'github']"/>Kod źródłowy CV</a>
             </div>
         </div>
diff --git a/src/components/Header.vue b/src/components/Header.vue
index cb5e18a..c06cbdd 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -1,5 +1,4 @@
 <script setup>
-import { defineProps } from 'vue';
 import { useRoute } from 'vue-router';
 import Mission from './Header/Mission.vue';
 import ContactList from './Header/ContactList.vue';
@@ -7,21 +6,35 @@ import ContactList from './Header/ContactList.vue';
 defineProps({
     loading: {
         tyle: Boolean,
+        default: false,
     },
     email: {
         type: String,
+        default: 'contact@kamilcraft.com',
     },
     tel: {
         type: Object,
+        default: {
+            hasPhoneNumber: false,
+            phoneNumber: '',
+            formattedPhoneNumber: '',
+        },
     },
     locations: {
         type: Array,
+        default: [
+            'Wrocław',
+            'Legnica',
+            'Remote',
+        ],
     },
     position: {
-        type: [String, null],
+        type: String,
+        default: null,
     },
     mission: {
         type: Array,
+        default: [],
     },
 });
 </script>
@@ -51,7 +64,7 @@ defineProps({
 </style>
 
 <template>
-    <div class="flex justify-between mx-1 mt-1 print:border-b-2 md:border-b-2">
+    <div class="bg-blob flex justify-between mx-1 mt-1 print:border-b-2 md:border-b-2">
         <div class="flex-shrink-0 w-32 h-32">
             <img class="w-full h-full" alt="Profilowe" src="/me.webp" />
         </div>
diff --git a/src/components/Header/ContactList.vue b/src/components/Header/ContactList.vue
index 4b58819..460e1cb 100644
--- a/src/components/Header/ContactList.vue
+++ b/src/components/Header/ContactList.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { defineProps, computed } from 'vue';
+import { computed } from 'vue';
 
 const props = defineProps({
     loading: {
diff --git a/src/components/Header/Mission.vue b/src/components/Header/Mission.vue
index 4589ef4..d5dc04d 100644
--- a/src/components/Header/Mission.vue
+++ b/src/components/Header/Mission.vue
@@ -1,6 +1,4 @@
 <script setup>
-import { defineProps } from 'vue';
-
 defineProps({
     loading: {
         type: Boolean,
diff --git a/src/components/Side/Skills.vue b/src/components/Side/Skills.vue
index bb2c000..a747311 100644
--- a/src/components/Side/Skills.vue
+++ b/src/components/Side/Skills.vue
@@ -36,7 +36,7 @@ const otherSkills = ref(importOtherSkills);
 <template>
     <div class="px-4 py-3">
         <h2 class="text-xl text-[#E57D4C] pb-2">Główne umiejętności</h2>
-        <ul class="flex flex-row flex-wrap justify-center align-baseline gap-4 text-xl">
+        <ul class="grid grid-cols-4 justify-between align-baseline gap-2 text-xl">
             <li
                 v-for="(skill, key) in skills"
                 :key="key"
@@ -48,7 +48,7 @@ const otherSkills = ref(importOtherSkills);
         </ul>
         <div class="mt-3">
             <h3 class="text-lg text-[#E57D4C] pb-1">Dodatkowo</h3>
-            <ul class="flex flex-row flex-wrap align-baseline gap-1">
+            <ul class="flex flex-row flex-wrap align-baseline gap-0.5">
                 <li v-for="(skill, key) in otherSkills" :key="key" class="border border-slate-200 rounded-md px-1.5 py-0.5 bg-white">{{ skill }}</li>
             </ul>
         </div>
diff --git a/src/composables/Links.js b/src/composables/Links.js
index 7cdc771..9463d78 100644
--- a/src/composables/Links.js
+++ b/src/composables/Links.js
@@ -13,6 +13,13 @@ const links = [
         title: 'Mój LinkedIn',
         text: '/in/kamilniemczycki',
     },
+    {
+        slug: 'gitea',
+        faIcon: ['fas', 'arrow-up-right-from-square'],
+        url: 'https://git.kamilcraft.com/kamilniemczycki',
+        title: 'Prywatny serwer git',
+        text: 'git.kamilcraft.com',
+    },
     {
         slug: 'github',
         faIcon: ['fab', 'github'],
diff --git a/src/composables/Skills.js b/src/composables/Skills.js
index 33b54be..2cd4b29 100644
--- a/src/composables/Skills.js
+++ b/src/composables/Skills.js
@@ -1,52 +1,52 @@
 const skills = [
+    {
+        class: 'linux',
+        faIcon: ['fab', 'linux'],
+        title: 'Ikona Linux',
+        text: 'GNU/Linux',
+    },
+    {
+        class: 'git',
+        faIcon: ['fab', 'git'],
+        title: 'Ikona Git',
+        text: 'Git',
+    },
     {
         class: 'php',
         faIcon: ['fab', 'php'],
-        title: 'PHP Icon',
+        title: 'Ikona PHP',
         text: 'PHP 7/8',
     },
     {
         class: 'laravel',
         faIcon: ['fab', 'laravel'],
-        title: 'Laravel Icon',
+        title: 'Ikona Laravel',
         text: 'Laravel',
     },
     {
         class: 'js',
         faIcon: ['fab', 'js'],
-        title: 'JavaScript Icon',
+        title: 'Ikona JavaScript',
         text: 'JavaScript',
     },
     {
         class: 'vuejs',
         faIcon: ['fab', 'vuejs'],
-        title: 'Vue.js Icon',
+        title: 'Ikona Vue.js',
         text: 'Vue.js',
     },
     {
         class: 'html5',
         faIcon: ['fab', 'html5'],
-        title: 'HTML 5 Icon',
+        title: 'Ikona HTML 5',
         text: 'HTML',
     },
     {
         class: 'css3-alt',
         faIcon: ['fab', 'css3-alt'],
-        title: 'CSS 3 Icon',
+        title: 'Ikona CSS 3',
         text: 'CSS',
     },
-    {
-        class: 'git',
-        faIcon: ['fab', 'git'],
-        title: 'Git Icon',
-        text: 'Git',
-    },
-    {
-        class: 'linux',
-        faIcon: ['fab', 'linux'],
-        title: 'Linux Icon',
-        text: 'GNU/Linux',
-    },
 ];
 
 const otherSkills = [
@@ -63,6 +63,7 @@ const otherSkills = [
     'WSL',
     'LXC/LXD',
     'REST',
+    'RWD',
     'i więcej...',
 ];
 
diff --git a/src/router.js b/src/router.js
index d443257..403a947 100644
--- a/src/router.js
+++ b/src/router.js
@@ -1,16 +1,26 @@
 import { createRouter, createWebHistory } from 'vue-router';
-import Home from './views/Home.vue';
+
+const Home = () => import('./views/Home.vue');
+const Show = () => import('./views/Show.vue');
+const NotFound = () => import('./views/NotFound.vue');
 
 export default createRouter({
     history: createWebHistory(),
     routes: [
         {
             path: '/',
+            name: 'Home',
             component: Home,
         },
         {
             path: '/show/:token',
-            component: Home,
-        }
+            name: 'Show',
+            component: Show,
+        },
+        {
+            path: '/:pathMatch(.*)*',
+            name: 'NotFound',
+            component: NotFound
+        },
     ],
 });
diff --git a/src/style.css b/src/style.css
index da2cbf6..1c723de 100644
--- a/src/style.css
+++ b/src/style.css
@@ -13,7 +13,6 @@
 
 .bg-blob {
     background-image: var(--theme-bg-blob);
-    background-color: white;
     background-repeat: no-repeat;
     background-size: 170px;
     background-position: -25px -22px;
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 718a8d7..afb5e98 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,87 +1,12 @@
 <script setup>
-import { onMounted, ref, reactive } from 'vue';
 import { useRoute } from 'vue-router';
 import Header from '../components/Header.vue';
 import Body from '../components/Body.vue';
-
-const loading = ref(false);
-const token = ref(null);
-const email = ref('contact@kamilcraft.com');
-const tel = reactive({
-    hasPhoneNumber: false,
-    phoneNumber: '',
-    formattedPhoneNumber: '',
-});
-
-const locations = reactive([
-    'Wrocław',
-    'Legnica',
-    'Remote',
-]);
-
-const position = ref(null);
-const mission = reactive([]);
-const rodo = ref(null);
-
-onMounted(() => {
-    const router = useRoute();
-    token.value = router.params['token'] ?? null;
-
-    if (token.value) {
-        loading.value = true;
-        const apiUrl = import.meta.env.VITE_API_URL;
-        fetch(`${apiUrl}/v1/cv/${token.value}`, {
-            method: 'GET',
-            cache: "no-cache",
-            credentials: "same-origin",
-            headers: {
-                "Content-Type": "application/json",
-            }
-        }).then(response => (response.json().then(data => ({ status: response.status, data }))))
-            .then(response => {
-                setTimeout(() => showData(response), 1000);
-            })
-            .catch(() => {
-                loading.value = false;
-            });
-    }
-});
-
-function showData(response) {
-    if (response.status === 200) {
-        const data = response.data;
-        email.value = data.email;
-        tel.hasPhoneNumber = true;
-        tel.phoneNumber = data.phone.number;
-        tel.formattedPhoneNumber = data.phone.formattedNumber;
-        while(locations.length > 0) {
-            locations.pop();
-        }
-        if (data.position) {
-            position.value = data.position;
-        }
-        data.locations?.forEach(value => {
-            locations.push(value);
-        });
-        data.mission?.forEach(value => {
-            mission.push(value);
-        });
-        if (data.rodo) {
-            rodo.value = data.rodo;
-        }
-        loading.value = false;
-    }
-}
 </script>
 
 <template>
     <div class="grid grid-rows-[max-content_max-content_auto] h-full">
-        <Header :loading="loading"
-                :email="email"
-                :tel="tel"
-                :locations="locations"
-                :position="position"
-                :mission="mission" />
-        <Body :token="token" :rodo="rodo" :loading="loading" />
+        <Header />
+        <Body />
     </div>
 </template>
\ No newline at end of file
diff --git a/src/views/NotFound.vue b/src/views/NotFound.vue
new file mode 100644
index 0000000..ccaf3f7
--- /dev/null
+++ b/src/views/NotFound.vue
@@ -0,0 +1,14 @@
+<script setup>
+import { useRoute } from 'vue-router';
+import Header from '../components/Header.vue';
+import Body from '../components/Body.vue';
+</script>
+
+<template>
+    <div class="grid grid-rows-[max-content_max-content_auto] h-full px-5 py-4">
+        <header>
+            <h1 class="text-3xl mb-4">Błąd 404</h1>
+        </header>
+        <p>Strona nie została znaleziona.</p>
+    </div>
+</template>
\ No newline at end of file
diff --git a/src/views/Show.vue b/src/views/Show.vue
new file mode 100644
index 0000000..718a8d7
--- /dev/null
+++ b/src/views/Show.vue
@@ -0,0 +1,87 @@
+<script setup>
+import { onMounted, ref, reactive } from 'vue';
+import { useRoute } from 'vue-router';
+import Header from '../components/Header.vue';
+import Body from '../components/Body.vue';
+
+const loading = ref(false);
+const token = ref(null);
+const email = ref('contact@kamilcraft.com');
+const tel = reactive({
+    hasPhoneNumber: false,
+    phoneNumber: '',
+    formattedPhoneNumber: '',
+});
+
+const locations = reactive([
+    'Wrocław',
+    'Legnica',
+    'Remote',
+]);
+
+const position = ref(null);
+const mission = reactive([]);
+const rodo = ref(null);
+
+onMounted(() => {
+    const router = useRoute();
+    token.value = router.params['token'] ?? null;
+
+    if (token.value) {
+        loading.value = true;
+        const apiUrl = import.meta.env.VITE_API_URL;
+        fetch(`${apiUrl}/v1/cv/${token.value}`, {
+            method: 'GET',
+            cache: "no-cache",
+            credentials: "same-origin",
+            headers: {
+                "Content-Type": "application/json",
+            }
+        }).then(response => (response.json().then(data => ({ status: response.status, data }))))
+            .then(response => {
+                setTimeout(() => showData(response), 1000);
+            })
+            .catch(() => {
+                loading.value = false;
+            });
+    }
+});
+
+function showData(response) {
+    if (response.status === 200) {
+        const data = response.data;
+        email.value = data.email;
+        tel.hasPhoneNumber = true;
+        tel.phoneNumber = data.phone.number;
+        tel.formattedPhoneNumber = data.phone.formattedNumber;
+        while(locations.length > 0) {
+            locations.pop();
+        }
+        if (data.position) {
+            position.value = data.position;
+        }
+        data.locations?.forEach(value => {
+            locations.push(value);
+        });
+        data.mission?.forEach(value => {
+            mission.push(value);
+        });
+        if (data.rodo) {
+            rodo.value = data.rodo;
+        }
+        loading.value = false;
+    }
+}
+</script>
+
+<template>
+    <div class="grid grid-rows-[max-content_max-content_auto] h-full">
+        <Header :loading="loading"
+                :email="email"
+                :tel="tel"
+                :locations="locations"
+                :position="position"
+                :mission="mission" />
+        <Body :token="token" :rodo="rodo" :loading="loading" />
+    </div>
+</template>
\ No newline at end of file
diff --git a/vite.config.js b/vite.config.js
index 565cb3c..2a8633d 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,13 +1,15 @@
-import { defineConfig, splitVendorChunkPlugin } from 'vite'
-import vue from '@vitejs/plugin-vue'
+import { defineConfig, loadEnv, splitVendorChunkPlugin } from 'vite';
+import vue from '@vitejs/plugin-vue';
 
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [ vue(), splitVendorChunkPlugin() ],
-  resolve: {
-    vue: 'vue/dist/vue.esm-bundler.js',
-  },
-  build: {
-    chunkSizeWarningLimit: 2048,
-  },
+export default defineConfig((mode) => {
+  const env = loadEnv(mode, process.cwd(), "");
+  return {
+    server: {
+      port: parseInt(env.VITE_PORT ?? 5173),
+    },
+    plugins: [ vue(), splitVendorChunkPlugin() ],
+    resolve: {
+      vue: 'vue/dist/vue.esm-bundler.js',
+    },
+  };
 });
