forked from vercel/next.js
-
Notifications
You must be signed in to change notification settings - Fork 11
/
[slug].js
59 lines (49 loc) · 1.14 KB
/
[slug].js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
import Link from 'next/link'
import { useRouter } from 'next/router'
export default function GspPage(props) {
const router = useRouter()
const { defaultLocale, isFallback, query } = router
if (isFallback) {
return 'Loading...'
}
return (
<div>
<h1>getServerSideProps page</h1>
<p>Current slug: {query.slug}</p>
<p>Current locale: {props.locale}</p>
<p>Default locale: {defaultLocale}</p>
<p>Configured locales: {JSON.stringify(props.locales)}</p>
<Link href="/gsp">
<a>To getStaticProps page</a>
</Link>
<br />
<Link href="/gssp">
<a>To getServerSideProps page</a>
</Link>
<br />
<Link href="/">
<a>To index page</a>
</Link>
<br />
</div>
)
}
export const getStaticProps = ({ locale, locales }) => {
return {
props: {
locale,
locales,
},
}
}
export const getStaticPaths = ({ locales }) => {
const paths = []
for (const locale of locales) {
paths.push({ params: { slug: 'first' }, locale })
paths.push({ params: { slug: 'second' }, locale })
}
return {
paths,
fallback: true,
}
}