Setup next-i18n

i18n.js

@@ -0,0 +1,6 @@
+const NextI18Next = require('next-i18next').default
+
+module.exports = new NextI18Next({
+  defaultLanguage: 'nl',
+  otherLanguages: ['en'],
+})

package.json

@@ -5,12 +5,13 @@
   "scripts": {
     "dev": "next dev -p 4080",
     "build": "next build",
-    "start": "next start"
+    "start": "NODE_ENV=production node server.js"
   },
   "dependencies": {
     "isomorphic-unfetch": "^3.0.0",
     "lodash": "^4.17.15",
     "next": "9.3.5",
+    "next-i18next": "^4.4.2",
     "react": "16.13.1",
     "react-dom": "16.13.1"
   },

pages/_app.js

@@ -1,7 +1,14 @@
 import '../styles/index.css'
+import App from 'next/app'
+import { appWithTranslation } from '../i18n'
 
 function MyApp({ Component, pageProps }) {
     return <Component {...pageProps} />
 }
 
-export default MyApp
+MyApp.getInitialProps = async (appContext) => {
+  const appProps = await App.getInitialProps(appContext)
+  return { ...appProps }
+}
+
+export default appWithTranslation(MyApp)

pages/_error.js

@@ -0,0 +1,36 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { withTranslation } from '../i18n'
+
+const Error = ({ statusCode, t }) => (
+  <p>
+    {statusCode
+      ? t('error-with-status', { statusCode })
+      : t('error-without-status')}
+  </p>
+)
+
+Error.getInitialProps = async ({ res, err }) => {
+  let statusCode = null
+  if (res) {
+    ({ statusCode } = res)
+  } else if (err) {
+    ({ statusCode } = err)
+  }
+  return {
+    namespacesRequired: ['common'],
+    statusCode,
+  }
+}
+
+Error.defaultProps = {
+  statusCode: null,
+}
+
+Error.propTypes = {
+  statusCode: PropTypes.number,
+  t: PropTypes.func.isRequired,
+}
+
+export default withTranslation('common')(Error)

pages/courses/[course]/index.js

@@ -14,4 +14,12 @@ function CourseDetails() {
   )
 }
 
+export async function getStaticProps(context) {
+  return {
+    props: {
+      namespacesRequired: ['common'],
+    },
+  }
+}
+
 export default CourseDetails

pages/courses/[course]/learn/index.js

@@ -14,4 +14,12 @@ function CourseDetails() {
   )
 }
 
+export async function getStaticProps(context) {
+  return {
+    props: {
+      namespacesRequired: ['common'],
+    },
+  }
+}
+
 export default CourseDetails

pages/courses/[course]/learn/units/[unit]/index.js

@@ -14,4 +14,12 @@ function CourseDetails() {
   )
 }
 
+export async function getStaticProps(context) {
+  return {
+    props: {
+      namespacesRequired: ['common'],
+    },
+  }
+}
+
 export default CourseDetails