update example

Signed-off-by: Dmitriy Nevzorov <jimmy.lugat@gmail.com>

Author: jimmyn

example/gatsby-config.js

@@ -5,7 +5,7 @@ module.exports = {
     title: `Gatsby Default Starter`,
     description: `Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need.`,
     author: `@gatsbyjs`,
-    pathPrefix: `/blog`
+    siteUrl: 'https://5ecd0801489011000849a7db--kind-lichterman-5edcb4.netlify.app'
   },
   plugins: [
     `gatsby-plugin-react-helmet`,
@@ -49,6 +49,56 @@ module.exports = {
           nsSeparator: false
         }
       }
+    },
+    {
+      resolve: 'gatsby-plugin-sitemap',
+      options: {
+        exclude: ['/**/404', '/**/404.html'],
+        query: `
+          {
+            site {
+              siteMetadata {
+                siteUrl
+              }
+            }
+            allSitePage(filter: {context: {i18n: {routed: {eq: false}}}}) {
+              edges {
+                node {
+                  context {
+                    i18n {
+                      defaultLanguage
+                      languages
+                      originalPath
+                    }
+                  }
+                  path
+                }
+              }
+            }
+          }
+        `,
+        serialize: ({site, allSitePage}) => {
+          return allSitePage.edges.map((edge) => {
+            const {languages, originalPath, defaultLanguage} = edge.node.context.i18n;
+            const {siteUrl} = site.siteMetadata;
+            const url = siteUrl + originalPath;
+            const links = [
+              {lang: defaultLanguage, url},
+              {lang: 'x-default', url}
+            ];
+            languages.forEach((lang) => {
+              if (lang === defaultLanguage) return;
+              links.push({lang, url: `${siteUrl}/${lang}${originalPath}`});
+            });
+            return {
+              url,
+              changefreq: 'daily',
+              priority: originalPath === '/' ? 1.0 : 0.7,
+              links
+            };
+          });
+        }
+      }
     }
     // this (optional) plugin enables Progressive Web App + Offline functionality
     // To learn more, visit: https://gatsby.dev/offline

example/package.json

@@ -5,26 +5,27 @@
   "version": "0.1.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "dependencies": {
-    "gatsby": "^2.23.0",
-    "gatsby-image": "^2.4.6",
-    "gatsby-plugin-manifest": "^2.4.10",
-    "gatsby-plugin-offline": "^3.2.8",
-    "gatsby-plugin-react-helmet": "^3.3.3",
-    "gatsby-plugin-react-i18next": "^0.0.15",
-    "gatsby-plugin-sharp": "^2.6.10",
-    "gatsby-source-filesystem": "^2.3.10",
-    "gatsby-transformer-sharp": "^2.5.4",
-    "i18next": "^19.4.5",
+    "gatsby": "^2.23.11",
+    "gatsby-image": "^2.4.9",
+    "gatsby-plugin-manifest": "^2.4.14",
+    "gatsby-plugin-offline": "^3.2.13",
+    "gatsby-plugin-react-helmet": "^3.3.6",
+    "gatsby-plugin-react-i18next": "^0.0.22",
+    "gatsby-plugin-sharp": "^2.6.14",
+    "gatsby-plugin-sitemap": "^2.4.7",
+    "gatsby-source-filesystem": "^2.3.14",
+    "gatsby-transformer-sharp": "^2.5.7",
+    "i18next": "^19.5.1",
     "prop-types": "^15.7.2",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
-    "react-helmet": "^6.0.0",
-    "react-i18next": "^11.5.0"
+    "react-helmet": "^6.1.0",
+    "react-i18next": "^11.7.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.10.1",
-    "@babel/core": "^7.10.2",
-    "aws-sdk": "^2.689.0",
+    "@babel/cli": "^7.10.3",
+    "@babel/core": "^7.10.3",
+    "aws-sdk": "^2.705.0",
     "babel-plugin-i18next-extract": "^0.7.2",
     "mkdirp": "^1.0.4",
     "prettier": "2.0.5"

example/src/components/header.js

@@ -4,7 +4,7 @@ import './header.css';
 import React from 'react';
 
 const Header = ({siteTitle}) => {
-  const {languages, changeLanguage} = useI18next();
+  const {languages, originalPath} = useI18next();
   return (
     <header className="main-header">
       <h1 style={{margin: 0}}>
@@ -20,14 +20,9 @@ const Header = ({siteTitle}) => {
       <ul className="languages">
         {languages.map((lng) => (
           <li key={lng}>
-            <a
-              href="#"
-              onClick={(e) => {
-                e.preventDefault();
-                changeLanguage(lng);
-              }}>
+            <Link to={originalPath} language={lng}>
               {lng}
-            </a>
+            </Link>
           </li>
         ))}
       </ul>