Upgrade to Docusaurus 3.0

docusaurus.config.js

@@ -1,14 +1,14 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 
-const lightCodeTheme = require('prism-react-renderer/themes/github');
-const darkCodeTheme = require('prism-react-renderer/themes/dracula');
+import remarkMath from 'remark-math';
+import rehypeKatex from 'rehype-katex';
 
-const math = require('remark-math');
-const katex = require('rehype-katex');
+const lightCodeTheme = require('prism-react-renderer').themes.github;
+const darkCodeTheme = require('prism-react-renderer').themes.dracula;
 
 /** @type {import('@docusaurus/types').Config} */
-const config = {
+export default {
     title: 'Mathematik, Informatik und Programmierung',
     tagline: 'Mathematik und Informatik sind cool',
     url: 'https://www.niklas-birk.de',
@@ -38,8 +38,8 @@ const config = {
                 // docs: false,
                 docs: {
                   sidebarPath: require.resolve('./sidebars.js'),
-                  remarkPlugins: [math],
-                  rehypePlugins: [katex],
+                  remarkPlugins: [remarkMath],
+                  rehypePlugins: [rehypeKatex],
                 //   // Please change this to your repo.
                 //   // Remove this to remove the "edit this page" links.
                 //   // editUrl:
@@ -124,15 +124,15 @@ const config = {
                                 label: 'Mastodon',
                                 href: 'https://mathstodon.xyz/web/@SirNik',
                             },
+                            {
+                                label: 'Twitch',
+                                href: 'https://www.twitch.tv/sirnikodtw',
+                            },
                         ],
                     },
                     {
-                        title: 'More',
+                        title: 'Mehr von mir',
                         items: [
-                            // {
-                            //     label: 'Blog',
-                            //     to: '/blog',
-                            // },
                             {
                                 label: 'Website',
                                 href: 'https://www.niklas-birk.de',
@@ -143,6 +143,15 @@ const config = {
                             },
                         ],
                     },
+                    {
+                        title: 'Legal',
+                        items: [
+                            {
+                                label: 'Impressum',
+                                href: 'https://www.niklas-birk.de/impressum.html',
+                            },
+                        ],
+                    },
                 ],
                 copyright: `Copyright © ${new Date().getFullYear()} Niklas Birk. Built with Docusaurus.`,
             },
@@ -162,5 +171,3 @@ const config = {
         },
     ],
 };
-
-module.exports = config;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "niklas-birk-blog",
-  "version": "0.0.0",
+  "version": "0.1.1",
   "private": true,
   "scripts": {
     "docusaurus": "docusaurus",
@@ -14,19 +14,20 @@
     "write-heading-ids": "docusaurus write-heading-ids"
   },
   "dependencies": {
-    "@docusaurus/core": "^2.2.0",
-    "@docusaurus/preset-classic": "^2.2.0",
-    "@mdx-js/react": "^1.6.22",
+    "@docusaurus/core": "^3.0.0",
+    "@docusaurus/preset-classic": "^3.0.0",
+    "@mdx-js/react": "^3.0.0",
     "clsx": "^1.2.1",
-    "hast-util-is-element": "^1.1.0",
-    "prism-react-renderer": "^1.3.5",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "rehype-katex": "^5.0.0",
-    "remark-math": "^3.0.1"
+    "hast-util-is-element": "^3.0.0",
+    "prism-react-renderer": "^2.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rehype-katex": "^7.0.0",
+    "remark-math": "^6.0.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "^2.1.0"
+    "@docusaurus/module-type-aliases": "^3.0.0",
+    "@docusaurus/types": "3.0.0"
   },
   "browserslist": {
     "production": [
@@ -41,6 +42,6 @@
     ]
   },
   "engines": {
-    "node": ">=16.14"
+    "node": ">=18.0"
   }
 }

src/components/HomepageFeatures/index.js

@@ -24,9 +24,9 @@ const FeatureList = [
                     Verarbeitung befasst.</p>
                 <p>
                     <q><cite>In der Informatik geht es genau so wenig um Computer, wie in der Astronomie um
-                        Teleskope.</cite></q>
-                </p>
+                        Teleskope.</cite></q><br />
                     - Edsger Wybe Dijkstra
+                </p>
             </>
         ),
     },