rsnext/test/integration/preload-viewport/pages/ssg/fixture/index.js
Joe Haddad 990eda2c88
Prefetch SSG Data (#10127)
* 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>
2020-03-02 12:14:40 -05:00

65 lines
2.6 KiB
JavaScript

import Link from 'next/link'
export default () => (
<main>
<h1>SSG Data Prefetch Fixtures</h1>
<p>
<Link href="/ssg/basic">
<a>Non-dynamic route</a>
</Link>
: this is a normal Next.js page that does not use dynamic routing.
</p>
<p>
<Link href="/ssg/dynamic/[slug]" as="/ssg/dynamic/one">
<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]" as="/ssg/dynamic/two">
<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="/ssg/dynamic-nested/[slug1]/[slug2]"
as="/ssg/dynamic-nested/one/two"
>
<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="/ssg/dynamic-nested/[slug1]/[slug2]"
as="/ssg/dynamic-nested/foo/bar"
>
<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="/ssg/catch-all/[...slug]" as="/ssg/catch-all/one">
<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="/ssg/catch-all/[...slug]" as="/ssg/catch-all/foo">
<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="/ssg/catch-all/[...slug]" as="/ssg/catch-all/one/two">
<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="/ssg/catch-all/[...slug]" as="/ssg/catch-all/foo/bar">
<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>
)