mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
c090a57e77
Changes: * updated packages * moved the content of `layout` to `_app.js` and created simple `Page` component * replaced `import * as React` because it is not necessary to import everything * moved `next.js.flow` to `flow-typed` as it is default directory for library definitions * updated the gif
37 lines
797 B
JavaScript
37 lines
797 B
JavaScript
import App, {Container} from 'next/app'
|
|
import Link from 'next/link'
|
|
import React from 'react'
|
|
|
|
export default class MyApp extends App {
|
|
static async getInitialProps ({ Component, router, ctx }) {
|
|
let pageProps = {}
|
|
|
|
if (Component.getInitialProps) {
|
|
pageProps = await Component.getInitialProps(ctx)
|
|
}
|
|
|
|
return {pageProps}
|
|
}
|
|
|
|
render () {
|
|
const {Component, pageProps} = this.props
|
|
return (
|
|
<Container>
|
|
<header>
|
|
<nav>
|
|
<Link href='/'><a>Home</a></Link>|
|
|
<Link href='/about'><a>About</a></Link>|
|
|
<Link href='/contact'><a>Contact</a></Link>
|
|
</nav>
|
|
</header>
|
|
|
|
<Component {...pageProps} />
|
|
|
|
<footer>
|
|
I`m here to stay
|
|
</footer>
|
|
</Container>
|
|
)
|
|
}
|
|
}
|