+page.svelte

A +page.svelte component defines a page of your app. By default, pages are rendered both on the server (SSR) for the initial request and in the browser (CSR) for subsequent navigation.

src/routes/+page.svelte
<h1>Hello and welcome to my site!</h1>
<a href="/about">About my site</a>
src/routes/about/+page.svelte
<h1>About this site</h1>
<p>TODO...</p>
<a href="/">Home</a>
src/routes/blog/[slug]/+page.svelte
<script lang="ts">
  import type { PageData } from "./$types"
  export let data: PageData
</script>
 
<h1>{data.title}</h1>
<div>{@html data.content}</div>

Note

Note that SvelteKit uses <a> elements to navigate between routes, rather than a framework-specific <Link> component.

Backlinks