content: import React from 'react'
  import {bindActionCreators} from 'redux'
  import {connect} from 'react-redux'
  import {namespaceConfig} from 'fast-redux'
  import Link from 'next/link'
  
  const DEFAULT_STATE = {build: 1}
  
  const {actionCreator, getState: getHomepageState} = namespaceConfig('homepage', DEFAULT_STATE)
  
  const bumpBuild = actionCreator(function bumpBuild (state, increment) {
    return {...state, build: state.build + increment}
  })
  
  const Homepage = ({ build, bumpBuild }) => (
    <div>
      <h1>Homepage</h1>
      <h3>Current build: {build}</h3>
      <p><button onClick={(e) => bumpBuild(1)}>Bump build!</button></p>
      <Link href='/about'><a>About Us</a></Link>
    </div>
  )
  
  function mapStateToProps (state) {
    return getHomepageState(state)
  }
  
  function mapDispatchToProps (dispatch) {
    return bindActionCreators({ bumpBuild }, dispatch)
  }
  
  export default connect(mapStateToProps, mapDispatchToProps)(Homepage)
  