The brand new & shiny Strapi v4.3 comes with two very requested features: TypeScript Support and Media Library folders. Read on to learn how they improve both developer and content management experience.
Author: Anastasiia Shpiliak
Meet Strapi v4.3
The brand new & shiny Strapi v4.3 comes with two very requested features: TypeScript Support and Media Library folders. Read on to learn how they improve both developer and content management experience.
TypeScript support
The typings are in 🎉 TypeScript support is the most requested feature on the roadmap, and it’s available in the stable v4.3 version! It is now possible to develop using TypeScript in your Strapi applications.
TypeScript support has several advantages that make it powerful versus classic JavaScript. Specifically regarding object-oriented programming and the development of big projects with multiple developers involved.
TypeScript support in v4.3.0 allows you to:
- Optional Static Typing: you decide what to type to add safety to your application.
- Type inference: infer variables and return values types.
- Access to TS features: modules, decorators, and much more.
- Ability to compile TypeScript code to any version of JavaScript.youtu
- Great Intellisense support, which makes discovering libraries quicker and understanding APIs easier.
Strapi makes it super easy to develop your TypeScript projects. You can use any CLI Strapi commands with TypeScript in your project and:
Write your Strapi application code or develop plugins in TypeScript and make use of all the benefits it brings
Get access to experimental typed APIs and expand them: this will add a layer of security by preventing type issues. This will be improved on a regular basis in the next releases, so contributions are welcome. (here’s the contribution guide)
Dynamic typings generation based on your application code: now you can declare or automatically generate types for the user content-types to integrate in your application
To get started with a new project with Typescript and the v4.3.0, run the following command:
npx create-strapi-app my-project --ts
To learn more about developing in TypeScript on Strapi, check the documentation.
We would love to hear what you think about this feature to make sure it meets your expectations. Please share your feedback in this forum thread.
Media Library folders
Strapi allows you to manage various media files (images, videos, audio, documents) in the media library.
It allows you to filter, sort, and rename assets, but sometimes, the large number of files in a project makes finding the right one difficult and time-consuming.
We’re happy to announce the availability of media folders - a system that simplifies your file organization.
Here’s how are media folders going to improve your content management routine:
- Easily find the right asset: You can create several levels of folders and place as many assets as you wish there. This way, you're free to organize your media library most conveniently. Sometimes, it's not easy to remember the file's name or the date when it was created, so the filter and sort feature becomes powerless. With media folders, it's easy to group files and find the right one.
- Create a custom file organization: Everyone has different organizational habits, that's why standard sorting settings will never fit all users. Organizing assets however you wish with folders is easier, using any criteria and setup system. Good news for perfectionists - it's also possible to create folders in folders, so your file system can be as extensive as you wish!
- Manage files at ease: When many users constantly add assets, it may be challenging to keep everything in order. We added a functionality that allows you to choose the file's location when you open it. It means that you don't need to make unnecessary clicks to move the file from one folder to another. You can also see how many files each folder contained, when and by whom it was last modified.
New plugins and providers on Strapi Market
The official Strapi marketplace is growing every day and it might be hard to keep up with the updates. So, here are the newest plugins and providers available on the Strapi Market:
- Todo plugin - this plugin adds a todo list next to your content in Strapi. It makes it easy for admin users to keep track of their content management.
- Netlify deployments plugin - Strapi v4 plugin to trigger, monitor and cancel a deployment on Netlify.
- Duplicate button - this plugin adds a Duplicate Button to the edit view.
- Cloudinary provider for Upload plugin
- Sendgrid provider for the Email plugin
Would you like to showcase your plugin on the marketplace? Here are all the resources you need to create and promote a plugin or provider.
Chat with the Strapi team on the Community Call
Strapi is evolving every day and we are always looking for feedback from the community! During this community call, we’re going to demo the new features, answer your questions about our product decisions and share what’s coming next.
Join us on August 10th, 5PM CET / 8AM PDT. Register here not to miss it!
Try Strapi v4.3 out now
To create a new Strapi v4.3 project and try the TypeScript and Media Library folders, simply run the following command:
npx create-strapi-app my-project --quickstart
Follow the Quick Start Guide for detailed step-by-step instructions or have a look at a video instruction:
We would love to hear what you think about the new features! Let us know in this forum thread.
Migrate to Strapi v4:
Strapi v4 offers a better content editing experience and more powerful development capabilities. Follow the v3 → v4 migration guide to bring your CMS to the next level. We have recently had a live migration stream with a detailed code migration explanation:
Top comments (2)
Those new features are so good! Especially the TypeScript support.
Very excited about this! Will other Strapi plugins like GraphQL work with TS?