What's New in Strapi V4 - Features, Enhancements and Migration?

Strapi version 4 brings even more improvements to the vivid functionality and user interface list. Let’s hit the highlight features of Strapi version 4 that we already love the most!

What's New in Strapi V4 - Features, Enhancements and Migration?

The world of technology brings out something new to make life easier almost day in and day out. One of the latest innovations in this domain is the release latest version of Strapi, Strapi version 4.

Strapi version 3 was introduced with the role-based access control, draft and publish feature, SSO authentication, and internationalization.  Strapi, one of the most popular and robust Headless CMS, calls extra unique enhancements in their latest version 4 with its sub-release such as Core enhancement, boosted API performance, new UI, and whatnot!

Let us explore some of the salient features of this latest Strapi version that makes it equally endearing to developers, website owners, integrators, and editors in the following sections of the blog post.
 

Top Strapi enhancements we love in v4!

Better look and feel of Strapi

Yay! With the release of Strapi v4, your favorite Strapi CMS becomes more user-friendly, stylish, and accessible.

Strapi had drastic design changes, accessibility, and improved navigation of the admin panel to ensure that it satisfies the eye and makes clients more effective.
 

Introduction of Strapi Design System

And another plus point is that with the updated admin panel interface, we are releasing the initial version of the Strapi Design System.

We aim to provide such liberty for all to expand and customize their Strapi apps with add-ons. To guarantee design consistency and give the best user interface to Strapi clients, we made a component library that developers can use for connecting the interface to their extensions.

  • Strapi plugin development made easy

With the vision to facilitate everyone to further power up their Strapi application by integrating and customizing them with other tools, the Strapi ecosystem has improved and aimed in letting creators choose their power tool from multiple high-quality plugins by making plugin creation as simple and easy in Strapi version 4.

Earlier in Strapi version 3
Extension creation was based on lots of file structures and configuration files, and so this approach was not feasible due to a lack of code flexibility and difficult plugin maintenance.

Now in Strapi version 4
Tada! Plugin creation in Strapi version 4 is painless as any plugin can have its very own file structure. Extension developers just need to configure the below two files at the root package,

  • strapi-server.js for the Server.
  • strapi-admin.js for the Admin panel.

Developers can use components provided by the Strapi Design System to develop the admin panel interface of their plugins easily. This way, developers don't need to spend time creating the plugin UI and focus only on feature development.

Improved security via API tokens

Get access to typed APIs in Strapi version 4. This will add a layer of security by preventing type issues. This will be improved on a regular basis in the next releases, so all contributors are welcome to help provide more accurate types.

The Content API users can now authenticate their queries (REST & GraphQL) with a token (Access key) administered from the admin panel. The tokens can be created in the settings of the app. They are permanent and can only be seen once when the admin creates them.

Super admins can set up specific permissions to grant access to the API token settings section and CRUD actions on tokens. This feature lets Strapi users manage the permissions of the Content API requests more smoothly.
 

  • Strapi Releases v4 of Headless CMS

According to Strapi, its headless CMS is designed to power experiences across websites, mobile applications, and IoT devices, and is an ideal fit for the JAMstack (JavaScript, API, and Markup). 

Strapi's headless posture also enables it to power front-end frameworks such as React, Gatsby, Vue.js, Next.js, and other static site generators. It also supports multiple databases as well as both REST and GraphQL APIs.
 

  • Logo customization

Minor yet essential configurations are made easy with Strapi version 4,
Earlier changing changing logo at admin pannel was possible only by making change in the configuration files, which might make future upgrades harder and usually requires help from the development team.

But now with latest update, Strapi now allows everyone to customize the logo in the admin panel in a few clicks.
 

  • End of Node Js 12 support

 As we know that on April 30th Node.js 12 got end of life license, meaning that there would not be further dynamic or security support for this version. Everybody is encouraged to migrate to the newer version of Node (Node.js 14 or 16).

To guarantee the security and great execution of Strapi, Strapi has dropped the support for Node.js 12 beginning from Strapi v4.2.0. One must update their existing Strapi projects to the latest version of Strapi to utilize the kept up with variants of Node.js (14 and 16). Strapi will be supporting Node.js 18 soon, when the whole ecosystem updates. 

Checkout the manual to relocate from Strapi v3 to Strapi v4, and the contents that will help you to migrate the data. 

Boosted REST and GraphQL API

With latest Strapi update get the precise data you need through the API with improved population and filtering systems and a possibility to load relations from the database. While you can decide exactly what data to fetch via the API, it gives more space for creativity in frontend development. 

New features are added such as content API, such as pagination, better filtering format, and the possibility to choose what relations to load.

  • TypeScript Support

Yay! There's home for TypeScript at Strapi, the most requested and loved feature, Typescript support ! Team Strapi has announce that it's going to be possible to develop using TypeScript in your Strapi applications.

TypeScript being superior and powerful with several capabilities makes it very popular over classic JavaScript. This is very beneficial in object-oriented programming and in development of big projects with multiple developers involved.

Dark Mode

Come to the dark side: Strapi Dark Mode is now available for all users. Change the light and dark modes in one click, at any moment. Have a look at the darker side of Strapi!
 

The Strapi Market!

This year Strapi community launched Strapi Market - the official marketplace of Strapi that lists all plugins made by the community and our team. Today, there are more than 80 plugins, such as performance, SEO, and versioning.

Better Asset Library and Folder Structure

Strapi now allows management of various media files (images, videos, audio, documents) using the media library. 

While obviously it's possible to filter, sort, and rename assets, while in case of large number of files in a project makes search of desired file tideous and time consuming.
Here is a snap of new folder management structure.

What will happen to Strapi version 3?

Strapi community will continue supporting v3 and fixing basic bugs for around 6 months. Nonetheless, new updates and features for v3 won't be served, and we reccoment switching to Strapi v4 for every single new update. The v3 documentation will in any case be accessible here.

The migration guide that will assist you with moving from v3 to v4 is under development currently, and will be accessible once it is ready!
 

How To Migrate From Strapi v3 to v4?

These tempting new Strapi features and updates excites us to update to latest Strapi version 4. But how to migrate?

Checkout this official blog post by Strapi that provides you s glimpse of Strapi v3 to v4 migration process, 
https://strapi.io/blog/how-to-migrate-from-strapi-v3-to-v4-walkthrough 
You’ll find the tools, tips and guidance to feel more comfortable with the migration process. 

And wrapping up!

We hope this article gives you a good idea of new exciting feature glimpse of Strapi version 4. Let us know what features you find interesting and what you’d look to see in a future Strapi release.

Happy Strapi Update!
 

Posts by Nitin Chauhan

Comments and Responses

×

Name is required!

Enter valid name

Valid email is required!

Enter valid email address

Comment is required!

You have reached the limit for comments!

* These fields are required.

Be the First to Comment