Translate description

gatsby-config.js

@@ -1,7 +1,6 @@
 module.exports = {
     siteMetadata: {
         title: `KevinK.dev`,
-        description: `Hallo, ich bin Kevin Kandlbinder, ein Entwickler und Hobby-Fotograf aus Norddeutschland.`,
         author: `@Unkn0wnKevin`,
         siteUrl: `https://kevink.dev`,
       },
@@ -25,7 +24,7 @@ module.exports = {
         {
             resolve: `gatsby-plugin-offline`,
             options: {
-                precachePages: ["/", "/projects", "/projects/*", "/social", "/social/*"],
+                precachePages: ["/en", "/de"],
                 workboxConfig: {
                 globPatterns: ['**/*']
                 }

locales/de/translation.json

@@ -1,4 +1,5 @@
 {
+    "siteDescription": "Hallo, ich bin Kevin Kandlbinder, ein Entwickler und Hobby-Fotograf aus Norddeutschland.",
     "imprint": "Impressum",
     "datasec": "Datenschutz",
     "disclaimer": "Disclaimer",

locales/en/translation.json

@@ -1,4 +1,5 @@
 {
+    "siteDescription": "Hello, I am Kevin Kandlbinder, a developer and hobby photographer from northern Germany.",
     "imprint": "Imprint",
     "datasec": "Data Protection",
     "disclaimer": "Disclaimer",

src/components/seo.js

@@ -2,15 +2,16 @@ import React from "react"
 import PropTypes from "prop-types"
 import { Helmet } from "gatsby-plugin-react-i18next"
 import { useStaticQuery, graphql } from "gatsby"
+import {useTranslation} from 'gatsby-plugin-react-i18next';
 
-function SEO({ description, lang, meta, title }) {
+function SEO({ description, meta, title }) {
+  const {t} = useTranslation();
   const { site } = useStaticQuery(
     graphql`
       query {
         site {
           siteMetadata {
             title
-            description
             author
           }
         }
@@ -18,7 +19,7 @@ function SEO({ description, lang, meta, title }) {
     `
   )
 
-  const metaDescription = description || site.siteMetadata.description
+  const metaDescription = description || t("siteDescription");
 
   return (
     <Helmet