forked from vercel/next.js
/
index.js
78 lines (76 loc) · 2.06 KB
/
index.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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
import Link from 'next/link'
import { useRouter } from 'next/router'
export default function Home() {
const router = useRouter()
return (
<div>
<p className="title">Home Page</p>
<div />
<Link href="/rewrite-to-ab-test">
<a>A/B test homepage</a>
</Link>
<div />
<Link href="/rewrite-me-to-about?override=internal">
<a id="rewrite-me-to-about">Rewrite me to about</a>
</Link>
<div />
<Link href="/rewrite-to-beforefiles-rewrite">
<a id="rewrite-to-beforefiles-rewrite">
Rewrite me to beforeFiles Rewrite
</a>
</Link>
<div />
<Link href="/rewrite-to-afterfiles-rewrite">
<a id="rewrite-to-afterfiles-rewrite">
Rewrite me to afterFiles Rewrite
</a>
</Link>
<div />
<Link href="/rewrite-me-to-vercel">
<a>Rewrite me to Vercel</a>
</Link>
<div />
<Link href="/rewrite-me-external-twice">
<a>Redirect me to Vercel (but with double reroutes)</a>
</Link>
<div />
<Link href="/rewrite-me-without-hard-navigation?message=refreshed">
<a id="link-with-rewritten-url">Rewrite me without a hard navigation</a>
</Link>
<div />
<Link href="/about?override=external">
<a id="override-with-external-rewrite">Rewrite me to external site</a>
</Link>
<div />
<Link href="/about?override=internal">
<a id="override-with-internal-rewrite">Rewrite me to internal path</a>
</Link>
<div />
<Link href="/ssg">
<a id="normal-ssg-link">normal SSG link</a>
</Link>
<div />
<a
href=""
id="link-to-shallow-push"
onClick={(e) => {
e.preventDefault()
router.push(
'/?path=rewrite-me-without-hard-navigation&message=refreshed',
undefined,
{ shallow: true }
)
}}
>
Do not rewrite me
</a>
</div>
)
}
export function getServerSideProps() {
return {
props: {
now: Date.now(),
},
}
}