1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-static-export/pages/post.js

32 lines
692 B
JavaScript

import { Component } from 'react'
import Link from 'next/link'
import Head from 'next/head'
import fetch from 'isomorphic-fetch'
export default class extends Component {
static async getInitialProps ({ query }) {
// fetch single post detail
const response = await fetch(`https://jsonplaceholder.typicode.com/posts/${query.id}`)
const post = await response.json()
return { ...post }
}
render () {
return (
<main>
<Head>
<title>{this.props.title}</title>
</Head>
<h1>{this.props.title}</h1>
<p>{this.props.body}</p>
<Link href='/'>
<a>Go back to home</a>
</Link>
</main>
)
}
}