sapper/test/app/routes/blog/index.html

<:Head>
	<title>Blog</title>
</:Head>

<h1>Recent posts</h1>

<ul>
	{{#each posts as post}}
		<!-- we're using the non-standard `rel=prefetch` attribute to
				tell Sapper to load the data for the page as soon as
				the user hovers over the link or taps it, instead of
				waiting for the 'click' event -->
		<li><a rel='prefetch' href='blog/{{post.slug}}'>{{post.title}}</a></li>
	{{/each}}
</ul>

<script>
	export default {
		preload({ params, query }) {
			return fetch(`blog.json`).then(r => r.json()).then(posts => {
				return { posts };
			});
		}
	};
</script>