diff --git a/components/Sidebar.vue b/components/Sidebar.vue
index aae7849..aa0be75 100644
--- a/components/Sidebar.vue
+++ b/components/Sidebar.vue
@@ -2,6 +2,7 @@
   aside.nav
     .sidebar
       template(v-for='category in categories')
+        //- nuxt-link(:to='$i18n.path(category.slug)') {{ category.title }}
         nuxt-link(:to='category.slug') {{ category.title }}
 </template>
 
diff --git a/locales/de.json b/locales/de.json
new file mode 100644
index 0000000..0e0ed39
--- /dev/null
+++ b/locales/de.json
@@ -0,0 +1,5 @@
+{
+  "general": {
+    "siteTitle": "Was ist 💎 webgems?"
+  }
+}
diff --git a/locales/en.json b/locales/en.json
new file mode 100644
index 0000000..2b8a643
--- /dev/null
+++ b/locales/en.json
@@ -0,0 +1,5 @@
+{
+  "general": {
+    "siteTitle": "What is 💎 webgems?"
+  }
+}
diff --git a/locales/fr.json b/locales/fr.json
new file mode 100644
index 0000000..2b8a643
--- /dev/null
+++ b/locales/fr.json
@@ -0,0 +1,5 @@
+{
+  "general": {
+    "siteTitle": "What is 💎 webgems?"
+  }
+}
diff --git a/pages/index.vue b/pages/index.vue
index 6609795..3670782 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,8 +1,7 @@
 <template lang="pug">
 .welcome
   main
-    h1.text-black.font-bold.text-xl.mb-2 What is&nbsp;
-      span 💎 webgems?
+    h1.text-black.font-bold.text-xl.mb-2 {{ $t('general.siteTitle') }}
     p Webgems is a goto place for devs and designers to find new resources and more. As a beginner it's sometimes not easy to find what you need since you don't know what you should look for.
     p Therefore i created this project to have the most common and best resources for beginners and veterans in one place. Kinda like a bookmarks list for devs and designers, containing only the best gems out there.
     p If you want to add your own gem, go ahead and open a pull request on github (click on that octocat at the top right corner).&nbsp;