Skip to content

Instantly share code, notes, and snippets.

@isBatak
Created March 21, 2018 21:15
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save isBatak/9ee6ca051ed3ea3435af31b2c7c40d2f to your computer and use it in GitHub Desktop.
Next.js - Layout component
import Link from 'next/link'
import Head from 'next/head'
export default class Layout extends React.Component {
componentDidMount() {
console.log('mount');
}
componentWillUnmount() {
console.log('unmount');
}
render() {
const { children, title = 'This is the default title' } = this.props;
return (
<div>
<Head>
<title>{ title }</title>
<meta charSet='utf-8' />
<meta name='viewport' content='initial-scale=1.0, width=device-width' />
</Head>
<header>
<nav>
<Link href='/'><a>Home</a></Link> |
<Link href='/about'><a>About</a></Link> |
<Link href='/contact'><a>Contact</a></Link>
</nav>
</header>
{ children }
<footer>
{'I`m here to stay'}
</footer>
</div>
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment