28 lines
653 B
JavaScript
28 lines
653 B
JavaScript
import { useRouter } from 'next/router'
|
|
import Link from 'next/link'
|
|
|
|
export const getStaticProps = () => {
|
|
return {
|
|
props: {
|
|
nested: false,
|
|
hello: 'hello',
|
|
},
|
|
}
|
|
}
|
|
|
|
export default function Index({ hello, nested }) {
|
|
const { query, pathname, asPath } = useRouter()
|
|
return (
|
|
<>
|
|
<h1 id="index-page">index page</h1>
|
|
<p id="nested">{nested ? 'yes' : 'no'}</p>
|
|
<p id="prop">{hello} world</p>
|
|
<p id="query">{JSON.stringify(query)}</p>
|
|
<p id="pathname">{pathname}</p>
|
|
<p id="as-path">{asPath}</p>
|
|
<Link href="/hello">
|
|
<a id="hello-link">to /hello</a>
|
|
</Link>
|
|
</>
|
|
)
|
|
}
|