c9d9f1131c
* Rename getServerProps to getServerSideProps * Remove unstable_ prefix from new methods * Add error when legacy methods are detected * Add legacy methods for babel transform * Add unstable_getServerSideProps also * Apply suggestions from code review Co-Authored-By: Joe Haddad <joe.haddad@zeit.co> * Update types import Co-authored-by: Joe Haddad <timer150@gmail.com>
34 lines
701 B
JavaScript
34 lines
701 B
JavaScript
import { useRouter } from 'next/router'
|
|
|
|
export async function getStaticProps({ params: { slug } }) {
|
|
if (slug[0] === 'delayby3s') {
|
|
await new Promise(resolve => setTimeout(resolve, 3000))
|
|
}
|
|
|
|
return {
|
|
props: {
|
|
slug,
|
|
},
|
|
revalidate: 1,
|
|
}
|
|
}
|
|
|
|
export async function getStaticPaths() {
|
|
return {
|
|
paths: [
|
|
{ params: { slug: ['first'] } },
|
|
'/catchall/second',
|
|
{ params: { slug: ['another', 'value'] } },
|
|
'/catchall/hello/another',
|
|
],
|
|
fallback: true,
|
|
}
|
|
}
|
|
|
|
export default ({ slug }) => {
|
|
const { isFallback } = useRouter()
|
|
if (isFallback) {
|
|
return <p id="catchall">fallback</p>
|
|
}
|
|
return <p id="catchall">Hi {slug.join(' ')}</p>
|
|
}
|