next.js/test/integration/static/pages/index.js

import Link from 'next/link'
import Router from 'next/router'

function routeToAbout (e) {
  e.preventDefault()
  Router.push('/about')
}

export default () => (
  <div id='home-page'>
    <div>
      <Link href='/about'>
        <a id='about-via-link'>About via Link</a>
      </Link>
      <a
        href='#'
        onClick={routeToAbout}
        id='about-via-router'
      >
        About via Router
      </a>
      <Link href='/counter'>
        <a id='counter'>Counter</a>
      </Link>
      <Link
        href='/dynamic?text=cool+dynamic+text'
      >
        <a id='get-initial-props'>getInitialProps</a>
      </Link>
      <Link
        href='/dynamic?text=next+export+is+nice'
        as='/dynamic/one'
      >
        <a id='dynamic-1'>Dynamic 1</a>
      </Link>
      <Link
        href='/dynamic?text=zeit+is+awesome'
        as='/dynamic/two'
      >
        <a id='dynamic-2'>Dynamic 2</a>
      </Link>
    </div>
    <p>This is the home page</p>
    <style jsx>{`
      a {
        margin: 0 10px 0 0;
      }
    `}</style>
  </div>
)