Prefetching not working together with getStaticPaths

[Pitasi]

Hi, I'm building a pretty simple app using Next.js 9.5 and I wanted to try out for the first time the getStatic* methods.

I have a path that contains a slug. I used fallback: true in its page (getStaticPaths) and revalidate: 60 (getStaticProps). So far so good, my page is working. I'm showing a simple "Loading..." message as a fallback for now.

I'm running my app in production mode (yarn build, yarn start).

I have a classic homepage with several , each pointing to a different a slug.

When I click on a Link for the first time, the "Loading..." shows up and right after that, my full page. Good.

I come back to the homepage and click again on the same Link, this time no "Loading..." is shown, but there is a delay between my click and my full page showing up. Why?

So I dig up a little and found out that the page isn't working "offline". It tries to fetch the full page document, which results in a 304 Not Modified:

At this point I guess my question is: what if I'd like to have my page working offline after the first load? Am I using getStaticProps wrong?
My content doesn't change very often and from the docs getStaticProps was the suggested way of fetching data.

Bonus question: I've also noticed that prefetching isn't working, I can't see any .json loading in the network tab of devtools. Isn't it supposed to work with getStaticProps too?

Thank you everyone,
loving Next.js so far :)

[Pitasi]

I just tried out this example: https://github.com/vercel/next.js/tree/canary/examples/data-fetch.

When I open localhost:3000 I can see it prefetches preact-stars.json, damn. I need to investigate why it doesn't do that in my project.
Also, once .json are cached, no more network requests are made. Exactly what I need.

[Pitasi]

I found out that the example works as I expect just because it didn't use getStaticPaths().

I edited it a little to reflect my case (check out data-fetch.zip) and prefetching is gone :(

[Pitasi]

Oh my gosh it all ended up being me using

<Link href="/:slug" as={`/${slug}`}>

instead of

<Link href="/[slug]" as={`/${slug}`}>

Related issue: #10449

I can see all the fancy prefetching and offline caching now!