Files
f260328900 BREAKING CHANGE: Enable newNextLinkBehavior (#41459)
- Enable newNextLinkBehavior. See #36436 
- Run next/link codemod on test suite

Note that from when this lands on apps trying canary will need to run
the new-link codemod in order to upgrade.
Ideally we have to detect `<a>` while rendering the new link and warn
for it.

Co-authored-by: Steven <[email protected]>
2022-10-17 21:20:28 -04:00

90 lines
3.0 KiB
JavaScript

import Link from 'next/link'
export default () => (
<main>
<h1>Mismatched SSG Data Prefetch Fixtures</h1>
<p>
<Link href="/ssg/dynamic/[slug]?slug=one" as="/ssg/fixture/mismatch">
Dynamic Route (one level) — Prerendered
</Link>
: this is a Dynamic Page with a single dynamic segment that{' '}
<strong>was returned</strong> from <code>getStaticPaths</code>.<br />
<Link href="/ssg/dynamic/[slug]?slug=two" as="/ssg/fixture/mismatch">
Dynamic Route (one level) — Not Prerendered
</Link>
: this is a Dynamic Page with a single dynamic segment that{' '}
<strong>was not returned</strong> from <code>getStaticPaths</code>.
</p>
<p>
<Link
href={{
pathname: '/ssg/dynamic-nested/[slug1]/[slug2]',
query: { slug1: 'one', slug2: 'two' },
}}
as="/ssg/fixture/mismatch"
>
Multi Dynamic Route (two levels) — Prerendered
</Link>
: this is a Dynamic Page with two dynamic segments that{' '}
<strong>were returned</strong> from <code>getStaticPaths</code>.<br />
<Link
href={{
pathname: '/ssg/dynamic-nested/[slug1]/[slug2]',
query: { slug1: 'foo', slug2: 'bar' },
}}
as="/ssg/fixture/mismatch"
>
Multi Dynamic Route (two levels) — Not Prerendered
</Link>
: this is a Dynamic Page with two dynamic segments that{' '}
<strong>were not returned</strong> from <code>getStaticPaths</code>.
</p>
<p>
<Link
href={{
pathname: '/ssg/catch-all/[...slug]',
query: { slug: ['one'] },
}}
as="/ssg/fixture/mismatch"
>
Catch-All Route (one level) — Prerendered
</Link>
: this is a Catch-All Page with one segment that{' '}
<strong>was returned</strong> from <code>getStaticPaths</code>.<br />
<Link
href={{
pathname: '/ssg/catch-all/[...slug]',
query: { slug: ['foo'] },
}}
as="/ssg/fixture/mismatch"
>
Catch-All Route (one level) — Not Prerendered
</Link>
: this is a Catch-All Page with one segment that{' '}
<strong>was not returned</strong> from <code>getStaticPaths</code>.<br />
<Link
href={{
pathname: '/ssg/catch-all/[...slug]',
query: { slug: ['one', 'two'] },
}}
as="/ssg/fixture/mismatch"
>
Catch-All Route (two levels) — Prerendered
</Link>
: this is a Catch-All Page with two segments that{' '}
<strong>were returned</strong> from <code>getStaticPaths</code>.<br />
<Link
href={{
pathname: '/ssg/catch-all/[...slug]',
query: { slug: ['foo', 'bar'] },
}}
as="/ssg/fixture/mismatch"
>
Catch-All Route (two levels) — Not Prerendered
</Link>
: this is a Catch-All Page with two segments that{' '}
<strong>were not returned</strong> from <code>getStaticPaths</code>.
</p>
</main>
)