Duration:

120 minutes

Host:

Who is Scott Spence

This workshop will cover creating a simple SvelteKit project to display data from an endpoint.

This is your reference to make your own notes with, use the Duplicate option which should be visible on the top right, you can then add your own notes to the docs here 😊

It’s a short workshop (2hrs) so I’m hoping we can get through as much of the content as possible, it will be paced to cover all the basics for getting setup.

All the examples will be in TypeScript, if you want to use JavaScript you can remove lang="ts" from the <script lang="ts"> in the examples and remove the type definitions.

So this 👇

<script lang="ts">
	import type { PageData } from './$types';

	export let data: PageData;
</script>

<h1>Welcome to SvelteKit</h1>
<p>Visit <a href="<https://kit.svelte.dev>">kit.svelte.dev</a> to read the documentation</p>

Will be this 👇

<script>
	export let data;
</script>

<h1>Welcome to SvelteKit</h1>
<p>Visit <a href="<https://kit.svelte.dev>">kit.svelte.dev</a> to read the documentation</p> 

If you have any questions and you don’t want to speak up in the workshop you can message me on discord: spences10

Goal: