Sveltekit Crash Course - Svelte Typescript - Getting started with Sveltekit Endpoints

I'll show how to set up a project from scratch using the framework SvelteKit with Typescript. The main focus in this video is to explain Sveltekit endpoints and Typescript in combination with Svelte.

Support me by subscribing to this channel ❤️

Do you want to master #react, #gatsby, or #svelte fast? ⏩ 🚀 👩‍🚀

—

Find me somewhere below:

[matthewhigley]

This is an exceptional tutorial. I hope you release more of the SvelteKit / Typescript combo!

[UlfAslak]

Notes to self:
* Svelte-Kit lets you write server and client-side code in one repository.
* Inside your src/ folder you have a routes/ folder. Anything in there will get executed on the server-side. If it's a .svelte file, it gets rendered as a page. If it's a .ts (or .js) file it gets rendered as an API endpoint. If the endpoint file is `auth.json.ts` and you are hosting on `localhost:3000` you can fetch it at `localhost:3000/auth.json`.
* Using TypeScript is nice because it lets us structure the data returned through the local (client-server) API. The data which is originally fetched from a remote API is messy, but restructuring to fit predefined types cleans it up in a consistent way.

[debasissaikia]

That's awesome as always.. Need full course on sveltekit.that will be so helpful

[cookifymedia]

Great video. I just started to show interest in Svelt/Sveltkit and I love it. Keep up the good work.

[rednibcoding]

Thanks for this tutorial. Please do more tutorials about Svelte and Typescipt.

[kvetoslavnovak]

Thank you very much for this great tutorial.
Looking forward to learning more from your next tutorials.

[francescociulla]

Hey Thomas! I need to get started with Svelte soon too!

[Neox]

Nice tutorial, but it would be very helpful if you share the code repo somewhere.

[lgsyt]

Thanks for this tutorial, it was great!

[kayderl]

Hey buddy, beautiful interface. What theme are you using? 🙂

[lambisstratoudakis]

Great tutorial. I just get a ts 7031 error on index.svelte. "export async function load({ fetch }) {..." Binding element 'fetch' implicitly has an 'any' type.

[rodlu]

Thanks!!! By the way, how to get the vscode editor to show font in italic style for some pieces of code like yours?

[jacobstordahl]

I want to mention that you shouldn't name the endpoint at the root of routes 'index' because it can cause issues within the kit app

[elmotareal]

but from what I learned so far that u don't need an endpoint AND a load function, one is good enough, a getter in index.ts will update the client-side variable, but I wonder if there was a reason for that, was there?

[benbabics]

Which theme are you using? I like how the reserved keywords and HTML attrs are in cursive.

[metelomaniac]

Man, you are squinting your eyes all the time. Seems like eye problems. I used to do that because of my miopia and astigmatism too.