The latest articles on Forem by Edoardo Sandon (@edosan). https://forem.com/edosan https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1414125%2F9a44579d-d178-4027-82fb-4e6d17c81bd8.jpeg https://forem.com/edosan en Edoardo Sandon Thu, 11 Apr 2024 11:11:40 +0000 https://forem.com/storyblok/generate-types-for-your-components-with-the-storyblok-cli-14b7 https://forem.com/storyblok/generate-types-for-your-components-with-the-storyblok-cli-14b7 <p>🎉🎉🎉 After a couple of weeks of soft launch, we’re very excited to announce that you can now generate the Typescript type definitions for your Storyblok components directly from the Storyblok CLI with the new <code>generate-typescript-typedefs</code> command!</p> <p>Users can provide multiple source files, as well as a customized parser for <a href="https://www.storyblok.com/docs/plugins/field-plugins/introduction" rel="noopener noreferrer">Custom Field Plugins</a>.</p> <p>Easiest way to get it up &amp; running?<br> Your types are just two commands away! 💥</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzgo2swd1mkks6dkvnqqf.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzgo2swd1mkks6dkvnqqf.png" alt="Image description" width="800" height="281"></a></p> <p>You may find more information on how to use it in the <a href="https://github.com/storyblok/storyblok-cli?tab=readme-ov-file#typescript" rel="noopener noreferrer">Storyblok CLI Readme file</a>.</p> <p>The <code>generate-typescript-typedefs</code> command is available in the latest version of the <a href="https://www.npmjs.com/package/storyblok" rel="noopener noreferrer">Storyblok CLI</a>, so make sure you bump your deps!</p> <p><em>This new feature of the CLI was inspired by the work of <a href="https://github.com/dohomi" rel="noopener noreferrer">dohomi</a> and his <a href="https://github.com/dohomi/storyblok-generate-ts" rel="noopener noreferrer">storyblok-generate-ts</a> library. We want to thank him for his efforts in making Storyblok a better place!</em> 🙏</p> webdev typescript headless