isaachinman

export default function flattenDeeplyNestedArray(array) {

  return array.reduce((flattenedArray, value) => {

    if (Array.isArray(value)) {

      // If our value is an array itself, flatten again before concating
      return flattenedArray.concat(flattenDeeplyNestedArray(value))

    } else {

isaachinman

import React, { Component } from 'react'
import { Link } from 'react-router'
import Radium from 'radium'

const styles = {
  text: {
    margin: '5rem auto .5rem',
    textAlign: 'center',
    '@media (min-width: 991px)': {
      margin: '7rem auto 1.2rem',

isaachinman

import React from 'react'

export default class Homepage extends React.Component {
  render() {
    return <div>I am a sentence in English.</div>
  }
}

isaachinman

{
  "scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start"
  }
}

isaachinman

{
  "title": "I am a sentence in English."
}

isaachinman

{
  "title": "Ich bin ein Satz auf Deutsch."
}

isaachinman

const NextI18Next = require('next-i18next/dist/commonjs')

module.exports = new NextI18Next({
  defaultLanguage: 'en',
  otherLanguages: ['de']
})

isaachinman

import React from 'react'
import App, { Container } from 'next/app'
import { appWithTranslation } from '../i18n'

class MyApp extends App {
  render() {
    const { Component, pageProps } = this.props
    return (
      <Container>
        <Component {...pageProps} />

isaachinman

const express = require('express')
const next = require('next')
const nextI18NextMiddleware = require('next-i18next/middleware')

const nextI18next = require('./i18n')

const port = process.env.PORT || 3000
const app = next({ dev: process.env.NODE_ENV !== 'production' })
const handle = app.getRequestHandler();

isaachinman

import React from 'react'
import { i18n, withNamespaces } from '../i18n'

class Homepage extends React.Component {
  static async getInitialProps() {
    return {
      namespacesRequired: ['common'],
    }
  }