DEV Community

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

Posted on

5 3

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=

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! โฌ‡๏ธ

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

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 ๐Ÿ™Œ

Image of Docusign

๐Ÿ› ๏ธ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more