Whats New in Drupal 10 - Your Complete Overview

Learn whats new in Drupal 10!

Sonvir
Sonvir Choudhary
blog image

Today we are excited to share an overview of the newest version of Drupal - Drupal 10 which is set to be released in December 2022. Throughout the years, we have seen Drupal used for everything from small marketing websites and blogs to some of the world's largest e-commerce and multimedia publishing platforms. From internal apps to complex business process management tools to streamline manual processes into automated flows. The power of the open-source platform is enormous and we are excited to be a part of this amazing ecosystem. Lets get started!

Drupal 10 is to Be Released on December 14, 2022. Drupal 10 beta-1 was released on September 16 2022 and we tried the beta version. In this blog, we will talk about Drupal 10 features.

New Administration Theme - Claro

Claro Admin Theme Screenshot

Seven theme was created in 2009 for Drupal 7 and updated in Drupal 8 and Drupal 9. In Drupal 10 Claro will replace it and it will the new Administrator theme.

  • A clean, accessible, and powerful Drupal administration theme built as part of the Admin UI and JavaScript modernization initiative.

  • It is designed according to the latest standards and it will unlock the full potential of Drupal 10 features.

  • Features such as a new color scheme, higher contrasts, touchscreen compatibility, redesigned content pages, image upload files, and widgets have been planned and shipped in Claro. 

New Frontend Theme - Olivero

Olivero Frontend Theme Screenshot

 

It is Drupal’s new front-end theme (replacing Bartik). Olivero has a modern look and feel. Rachel Olivero is the subject of the new theme.

Rachel Olivero was a well-known accessibility specialist, contributor, and thought leader who sadly passed away in 2019. In appreciation of Rachel's contribution to contemporary accessibility best practices, the Drupal community agreed to do so.

  • Olivero can support recent Drupal functionality such as second-level navigation, embedded media, layout builder, and more. Olivero theme takes use of contemporary browsers' features and interaction patterns.

  • High contrast, rich colours, and negative space are employed by Focused Olivero to assist viewers to focus on the most essential elements of a website.

  • Olivero is WCAG AA conformant, ensuring that the theme complies with the most stringent accessibility requirements.

The Starter Kit Theme Tool

Starterkit Theme Tool Image

 

Drupal 10 will make the creation of custom themes easier with the adoption of a new starter kit theme. The new starter kit solution is not going to serve as a base theme to be subthemed, but rather a theme to be copied on a new theme's creation. It will allow front-end developers to get a copy as a starting point for their theme.

Tooling is provided as part of the included Drupal command line interface for automating this:

php core/scripts/drupal generate-theme mytheme

Demo of Drupal 10 starterkit theme tool: Demo of Drupal 10 starterkit theme tool and base theme, feedback needed

 

Decoupled Menus

Decoupled Menus Screenshot for Drupal 10

 

Drupal is now moving towards being headless CMS. The Decoupled Menus Initiative is a big step in this direction. It can help to build some of the best means for JavaScript front-end to use Drupal website menus. Due to this feature, for websites using frontend development frameworks like Angular or React, developers can easily use and avoid implementing minor changes to the web page. It is a functionality that allows you to easily update the menu from the admin panel.

Enhanced Content Editing - Ckeditor 5

CKEditor 5 Screenshot for Drupal 10

Another great change in Drupal 10 will be the new WYSIWYG editor. CKEditor is a rich text editor (otherwise known as a WYSIWYG - "What You See Is What You Get" - editor) that allows site admins – with the right permissions – to edit, write and remove content within a page.

Whilst there are under-the-hood improvements for developers such as better integrations with frameworks like React and Node.js, the immediate benefits for site admins entail a much-improved UX and UI. 

But what’s new with CKEditor 5 compared to its predecessor, CKEditor 4

Other notable changes with Drupal 10

Removed Deprecated Code

Drupal core code and libraries marked as "deprecated" in Drupal 9 will be removed. When code is improved, it is likely that some other code cannot be added or retired.

Removal of some core modules

  • Aggregator - Gathers and displays syndicated content from external sources (RSS, RDF, and Atom feed).

  • QuickEdit - Content editing in-place.

  • HAL - Uses Hypertext Application Language to serialize entities.

  • Activity Tracker - This allows users to keep track of recent content.

  • RDF - Adds metadata to pages so that other systems can understand their properties.

  • Forum - Offers discussion boards.

Modern JavaScript replaces jQuery

There may be a final replacement of the jQuery UI with modern JavaScript components.

Symfony 4  to Symfony 6.2

Drupal 10 will update Symfony from version 4 to 6.2.

Drupal 10 release date

The scheduled release date for Drupal 10 is December 14, 2022.

PHP requirements for Drupal 10

Drupal 10 will require PHP 8.1. That means that it won't be possible to run Drupal 10 on PHP 8.0 or earlier.

Check the official change record to find out more information.

Database requirements for Drupal 10

  • MariaDB - 10.3.7+
  • MySQL/Percona - 5.7.8+
  • PostgreSQL - 12+ 
  • SQLite - 3.26+

MongoDB is supported by a contributed module

Drupal 10 download

You can download the latest official Drupal 10 snapshot here, or alternatively, you can use Composer to create a new project:

composer create-project drupal/recommended-project:10.0.0-beta1@beta "my-project"

We are very excited about the upcoming release and have already started building our Drupal 9 to Drupal 10 upgrade guide which we will be releasing soon. Stay tuned for updates and as always feel free to reach out if you want to talk about your Drupal upgrade. 

Drupal
Want to learn even more about Drupal 10?
Want to learn even more about Drupal 10?
Download our Ultimate Guide to Drupal 10, where we dive even deeper into what’s new in Drupal 10 and what to expect when making the switch.