Example HOC with Next.js

next-hoc.js

import React from 'react'

/*
 * Higher order component that passes `getInitialProps` through
 * to the child component
 */
const HOC = function(Child) {
	return class Higher extends React.Component {
		static getInitialProps(ctx) {
			return Child.getInitialProps(ctx)
		}
	}
}

/*
 * Child component
 */
const class MyComponent extends React.Component {
	static getIntialProps({ req }) {
		// Do something asynchronously...
		// Not strickly necessary. Just an example
		const promise = new Promise((resolve, reject) => {
			setTimeout(() => res(), 500)
		})
		
		return promise.then(() => ({ initialState: { foo: 'bar' }, isServer }))
	}
	
	render() {
		return <h1>Hello, World</h1>
	}
}

export default HOC(MyComponent)