Skip to content

Instantly share code, notes, and snippets.

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
What would you like to do?
Next.js - Layout component
import Link from 'next/link'
import Head from 'next/head'
export default class Layout extends React.Component {
componentDidMount() {
componentWillUnmount() {
render() {
const { children, title = 'This is the default title' } = this.props;
return (
<title>{ title }</title>
<meta charSet='utf-8' />
<meta name='viewport' content='initial-scale=1.0, width=device-width' />
<Link href='/'><a>Home</a></Link> |
<Link href='/about'><a>About</a></Link> |
<Link href='/contact'><a>Contact</a></Link>
{ children }
{'I`m here to stay'}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment