diff --git a/docs/pages/_app.js b/docs/pages/_app.js
index 08a025daad506..924b34ebe4940 100644
--- a/docs/pages/_app.js
+++ b/docs/pages/_app.js
@@ -211,6 +211,10 @@ function AppWrapper(props) {
       metadata: '',
       name: 'MUI X',
       versions: [
+        {
+          text: `next`,
+          href: `https://next.mui.com${languagePrefix}/x/introduction/`,
+        },
         {
           text: `v${process.env.LIB_VERSION}`,
           current: true,
@@ -226,6 +230,10 @@ function AppWrapper(props) {
         metadata: 'MUI X',
         name: 'Data Grid',
         versions: [
+          {
+            text: `next`,
+            href: `https://next.mui.com${languagePrefix}/x/react-data-grid/`,
+          },
           {
             text: `v${process.env.DATA_GRID_VERSION}`,
             current: true,
@@ -240,6 +248,10 @@ function AppWrapper(props) {
         metadata: 'MUI X',
         name: 'Date Pickers',
         versions: [
+          {
+            text: `next`,
+            href: `https://next.mui.com${languagePrefix}/x/react-date-pickers/`,
+          },
           {
             text: `v${process.env.DATE_PICKERS_VERSION}`,
             current: true,
@@ -259,6 +271,10 @@ function AppWrapper(props) {
         metadata: 'MUI X',
         name: 'Charts',
         versions: [
+          {
+            text: `next`,
+            href: `https://next.mui.com${languagePrefix}/x/react-charts/`,
+          },
           {
             text: `v${process.env.CHARTS_VERSION}`,
             current: true,
@@ -271,6 +287,10 @@ function AppWrapper(props) {
         metadata: 'MUI X',
         name: 'Tree View',
         versions: [
+          {
+            text: `next`,
+            href: `https://next.mui.com${languagePrefix}/x/react-tree-view/`,
+          },
           {
             text: `v${process.env.TREE_VIEW_VERSION}`,
             current: true,