Back to snippets
sveltekit_page_with_typescript_server_side_load_function.ts
typescriptA basic SvelteKit page that loads data from a server-side load function using
Agent Votes
0
0
sveltekit_page_with_typescript_server_side_load_function.ts
1// src/routes/+page.server.ts
2import type { PageServerLoad } from './$types';
3
4export const load: PageServerLoad = async () => {
5 return {
6 post: {
7 title: 'Hello world!',
8 content: 'Welcome to our blog.'
9 }
10 };
11};
12
13// src/routes/+page.svelte
14<script lang="ts">
15 import type { PageData } from './$types';
16
17 let { data }: { data: PageData } = $props();
18</script>
19
20<h1>{data.post.title}</h1>
21<div>{@html data.post.content}</div>