990eda2c88
* Prefetch SSG Data * Update packages/next/client/page-loader.js Co-Authored-By: JJ Kasper <jj@jjsweb.site> * Revert router.ts * Revert link.tsx * undo change * mimmic existing * simplify * Prefetch href and asPath * fix load * dedupe prefetchAs * Inject script tag on hover * comment prefetchAs * minify code * introduce lazy files * Add some breathing room * correct default type * Prefetch non-dynamic data * Prefetch dynamic route data * Fix size test * Humanize code * add tests * Disable code * Only generate modern version in modern mode * Extract function helper * add comments * Filter out dynamic route to simplify manifest size * add test Co-authored-by: JJ Kasper <jj@jjsweb.site>
89 lines
3 KiB
JavaScript
89 lines
3 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">
|
|
<a>Dynamic Route (one level) — Prerendered</a>
|
|
</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">
|
|
<a>Dynamic Route (one level) — Not Prerendered</a>
|
|
</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"
|
|
>
|
|
<a>Multi Dynamic Route (two levels) — Prerendered</a>
|
|
</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"
|
|
>
|
|
<a>Multi Dynamic Route (two levels) — Not Prerendered</a>
|
|
</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"
|
|
>
|
|
<a>Catch-All Route (one level) — Prerendered</a>
|
|
</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"
|
|
>
|
|
<a>Catch-All Route (one level) — Not Prerendered</a>
|
|
</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"
|
|
>
|
|
<a>Catch-All Route (two levels) — Prerendered</a>
|
|
</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"
|
|
>
|
|
<a>Catch-All Route (two levels) — Not Prerendered</a>
|
|
</Link>
|
|
: this is a Catch-All Page with two segments that{' '}
|
|
<strong>were not returned</strong> from <code>getStaticPaths</code>.
|
|
</p>
|
|
</main>
|
|
)
|