import React from 'react' import Head from 'next/head' import Link from 'next/link' import NProgress from 'nprogress' import Router from 'next/router' Router.onRouteChangeStart = (url) => { console.log(`Loading: ${url}`) NProgress.start() } Router.onRouteChangeComplete = () => NProgress.done() Router.onRouteChangeError = () => NProgress.done() const linkStyle = { margin: '0 10px 0 0' } export default () => ( <div style={{ marginBottom: 20 }}> <Head> {/* Import CSS for nprogress */} <link rel='stylesheet' type='text/css' href='/static/nprogress.css' /> </Head> <Link href='/'><a style={linkStyle}>Home</a></Link> <Link href='/about'><a style={linkStyle}>About</a></Link> <Link href='/forever'><a style={linkStyle}>Forever</a></Link> <Link href='/non-existing'><a style={linkStyle}>Non Existing Page</a></Link> </div> )