mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
StevenandGitHub
ab9bada7b7
BREAKING CHANGE Since `next export` has been printing a deprecation warning since https://github.com/vercel/next.js/pull/47376, its safe to remove in semver-major. The upgrade path is to simply add `output: 'export'` in `next.config.js` - everything will continue to work the same. This config greatly improves the `next dev` experience today. And in the future, it will improve performance of `next build` because we no longer need to do two passes (build then export).
43 lines
925 B
JavaScript
43 lines
925 B
JavaScript
import React from 'react'
|
|
import Link from 'next/link'
|
|
import { useRouter } from 'next/router'
|
|
|
|
export async function getStaticPaths() {
|
|
return {
|
|
paths: [{ params: { slug: 'a' } }, { params: { slug: 'b' } }],
|
|
fallback: false,
|
|
}
|
|
}
|
|
|
|
export async function getStaticProps({ params }) {
|
|
await new Promise((resolve) => setTimeout(resolve, 1000))
|
|
|
|
return {
|
|
props: {
|
|
params,
|
|
hello: 'world',
|
|
post: params.slug,
|
|
random: Math.random(),
|
|
time: (await import('perf_hooks')).performance.now(),
|
|
},
|
|
}
|
|
}
|
|
|
|
export default ({ post, time, params }) => {
|
|
if (useRouter().isFallback) {
|
|
return <p>hi fallback</p>
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<p>Post: {post}</p>
|
|
<span>time: {time}</span>
|
|
<div id="params">{JSON.stringify(params)}</div>
|
|
<div id="query">{JSON.stringify(useRouter().query)}</div>
|
|
<Link href="/" id="home">
|
|
to home
|
|
</Link>
|
|
</>
|
|
)
|
|
}
|