62 lines
2.1 KiB
JavaScript
62 lines
2.1 KiB
JavaScript
import Link from 'next/link'
|
|
|
|
const Page = () => (
|
|
<div>
|
|
<h3>My blog</h3>
|
|
<Link href="/[post]" as="/post-1">
|
|
<a id="view-post-1">View post 1</a>
|
|
</Link>
|
|
<br />
|
|
<Link href="/[post]/comments" as="/post-1/comments">
|
|
<a id="view-post-1-comments">View post 1 comments</a>
|
|
</Link>
|
|
<br />
|
|
<Link href="/[post]/[comment]" as="/post-1/comment-1">
|
|
<a id="view-post-1-comment-1">View comment 1 on post 1</a>
|
|
</Link>
|
|
<br />
|
|
<Link href="/blog/[post]/comment/[id]" as="/blog/321/comment/123">
|
|
<a id="view-nested-dynamic-cmnt">View comment 123 on blog post 321</a>
|
|
</Link>
|
|
<br />
|
|
<Link href="/[post]?fromHome=true" as="/post-1?fromHome=true">
|
|
<a id="view-post-1-with-query">View post 1 with query</a>
|
|
</Link>
|
|
<br />
|
|
<Link href="/on-mount/[post]" as="/on-mount/test-w-hash#item-400">
|
|
<a id="view-dynamic-with-hash">View test with hash</a>
|
|
</Link>
|
|
<Link href="/p1/p2/all-ssr/[...rest]" as="/p1/p2/all-ssr/hello">
|
|
<a id="catch-all-single">Catch-all route (single)</a>
|
|
</Link>
|
|
<Link href="/p1/p2/all-ssr/[...rest]" as="/p1/p2/all-ssr/hello1/hello2">
|
|
<a id="catch-all-multi">Catch-all route (multi)</a>
|
|
</Link>
|
|
<Link
|
|
href="/p1/p2/all-ssr/[...rest]"
|
|
as="/p1/p2/all-ssr/hello1%2F/he%2Fllo2"
|
|
>
|
|
<a id="catch-all-enc">Catch-all route (encoded)</a>
|
|
</Link>
|
|
<Link href="/p1/p2/all-ssg/[...rest]" as="/p1/p2/all-ssg/hello">
|
|
<a id="ssg-catch-all-single">Catch-all route (single)</a>
|
|
</Link>
|
|
<Link href="/p1/p2/all-ssg/[...rest]" as="/p1/p2/all-ssg/hello1/hello2">
|
|
<a id="ssg-catch-all-multi">Catch-all route (multi)</a>
|
|
</Link>
|
|
<Link
|
|
href="/p1/p2/nested-all-ssg/[...rest]"
|
|
as="/p1/p2/nested-all-ssg/hello"
|
|
>
|
|
<a id="nested-ssg-catch-all-single">Nested Catch-all route (single)</a>
|
|
</Link>
|
|
<Link
|
|
href="/p1/p2/nested-all-ssg/[...rest]"
|
|
as="/p1/p2/nested-all-ssg/hello1/hello2"
|
|
>
|
|
<a id="nested-ssg-catch-all-multi">Nested Catch-all route (multi)</a>
|
|
</Link>
|
|
</div>
|
|
)
|
|
|
|
export default Page
|