Added _document.js w/ support for a language prop

This provides some support for issues rasied in #57 and #59.
iaincollins · Jan 6, 2018 · 2117b6e · 2117b6e
1 parent 9113e61
commit 2117b6e
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 1 deletion.
diff --git a/components/page.js b/components/page.js
@@ -5,7 +5,8 @@ export default class extends React.Component {
   // Expose session to all pages
   static async getInitialProps({req}) {
     return {
-      session: await Session.getSession({req})
+      session: await Session.getSession({req}),
+      lang: 'en'
     }
   }
 }
diff --git a/pages/_document.js b/pages/_document.js
@@ -0,0 +1,28 @@
+import Document, { Head, Main, NextScript } from 'next/document'
+import flush from 'styled-jsx/server'
+
+export default class MyDocument extends Document {
+  static getInitialProps({ renderPage }) {
+    const { html, head, errorHtml, chunks } = renderPage()
+    const styles = flush()
+    return { html, head, errorHtml, chunks, styles }
+  }
+
+  render() {
+    /**
+    * Here we use _document.js to add a "lang" propery to the HTML object if
+    * one is set on the page.
+    **/
+    return (
+      <html lang={this.props.__NEXT_DATA__.props.lang || 'en'}>
+        <Head>
+        </Head>
+        <body>
+          {this.props.customValue}
+          <Main />
+          <NextScript />
+        </body>
+      </html>
+    )
+  }
+}
diff --git a/pages/index.js b/pages/index.js
@@ -104,6 +104,9 @@ now`}
           <p>
             For tips on configuring authentication see <a href="https://github.com/iaincollins/nextjs-starter/blob/master/AUTHENTICATION.md">AUTHENTICATION.md</a>
           </p>
+          <p>
+            The next.js repository has a <a href="https://github.com/zeit/next.js/tree/master/examples">great selection of examples</a> which are excellent reference.
+          </p>
         </Container>
       </Layout>
     )