DEV Community

Cover image for Storyblok/Svelte - now with TypeScript support πŸŽ‰
Josefine Schfr for Storyblok

Posted on

Storyblok/Svelte - now with TypeScript support πŸŽ‰

We are super excited to announce that over the last couple of days, we put our heads together to improve our Svelte SDK. We added TypeScript to the library to make sure you’ll get an even better experience working with our Svelte SDK πŸŽ‰

➑️ Want to check out how to connect Storyblok to your SvelteKit project right away? Follow this 5 minute tutorial.

➑️ Curious to see the TS support in action? This way, please: Storyblok Svelte & TS SDK Demo.

Now, when using storyblok/svelte in your own project, you get auto-completion, static typing & warnings in case something doesn’t add up (even if you are not using TypeScript yourself! πŸ‘€)


Check it out yourself:

animation of the suggestions you get for different parameters on the storyblokinit function
In main.ts we can now get suggestions for the different parameters of the storyblokInit() and will get an error in case you are adding the components in an incorrect format.

animation of adding lang="ts" to the App.svelte script tag and receiving static typings

Adding the lang=β€œts” to your .svelte files gives your static typing and will suggest all the methods available for different functions.

Animation of adding TypeScript to the grid.svelte and getting errors when failing to pass the block attribute

Even if you forget to pass on the {blok} attribute, you will get a friendly reminder.

Stay tuned - we are planning to roll out TypeScript support for all our other SDKs as well πŸŽ‰

By the way, if you are looking for some guidance on how to integrate TypesSript in your Svelte project, check out this article in their docs.

And of course, we are curious to know what you think! Let us know how you like it and what would make it even better! ⬇️

Top comments (2)

Collapse
 
alexjoverm profile image
Alex Jover

It love the final result 😍

Collapse
 
josefine profile image
Josefine Schfr

Me too! Thank you so much for your support on this, Alex πŸ™Œ