mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
30 lines
606 B
JavaScript
30 lines
606 B
JavaScript
|
import React from 'react'
|
||
|
import Link from 'next/link'
|
||
|
|
||
|
export default class Index extends React.Component {
|
||
|
static getInitialProps ({ req }) {
|
||
|
if (req) {
|
||
|
// Runs only in the server
|
||
|
const faker = require('faker')
|
||
|
const name = faker.name.findName()
|
||
|
return { name }
|
||
|
}
|
||
|
|
||
|
// Runs only in the client
|
||
|
return { name: 'Arunoda' }
|
||
|
}
|
||
|
|
||
|
render () {
|
||
|
const { name } = this.props
|
||
|
return (
|
||
|
<div>
|
||
|
<h1>Home Page</h1>
|
||
|
<p>Welcome, {name}</p>
|
||
|
<div>
|
||
|
<Link href='/about'><a>About Page</a></Link>
|
||
|
</div>
|
||
|
</div>
|
||
|
)
|
||
|
}
|
||
|
}
|