feat: i18n

Author: lindsaylevine

demo/components/Header.js

@@ -1,3 +1,3 @@
 export default function Header() {
-  return <h1>header</h1>
+  return <h1>Next Demo!</h1>
 }

demo/next.config.js

@@ -1,10 +1,12 @@
 module.exports = {
+  // Configurable site features we support:
+  // distDir: 'build',
   generateBuildId: () => 'build-id',
-  // Configurable site features to support:
-  // i18n: {
-  //   defaultLocale: 'en',
-  //   locales: ['en', 'es', 'fr']
-  // },
+  i18n: {
+    defaultLocale: 'en',
+    locales: ['en', 'es', 'fr']
+  },
+  // trailingSlash: true,
+  // Configurable site features _to_ support:
   // basePath: '/docs',
-  // distDir: 'build',
 }

demo/pages/404.js

@@ -0,0 +1,3 @@
+export default function Custom404() {
+  return <h1>Custom 404 - Page Not Found</h1>
+}

demo/pages/500.js

@@ -0,0 +1,3 @@
+export default function Custom500() {
+  return <h1>Custom 500 - Server-side error occurred</h1>
+}

demo/pages/index.js

@@ -1,8 +1,12 @@
 import Link from 'next/link'
+import dynamic from 'next/dynamic'
+const Header = dynamic(() => import(/* webpackChunkName: 'header' */ '../components/Header'), { ssr: true })
 
 const Index = ({ shows }) => (
   <div>
     <img src="/next-on-netlify.png" alt="NextJS on Netlify Banner" style={{ maxWidth: '100%' }} />
+    
+    <Header/>
 
     <h1>NextJS on Netlify</h1>
     <p>

demo/public/favicon.ico

@@ -119,6 +119,7 @@ exports.setIncludedFiles = ({ netlifyConfig, publish }) => {
     netlifyConfig.functions[functionName].included_files.push(
       `${publish}/server/**`,
       `${publish}/serverless/**`,
+      `${publish}/static/**`,
       `${publish}/*.json`,
       `${publish}/BUILD_ID`,
     )