Upgrade Nextra to v3

next.config.js

@@ -1,5 +1,8 @@
-const withNextra = require('nextra')({
+import nextra from 'nextra';
+
+const withNextra = nextra({
   theme: 'nextra-theme-docs',
-  themeConfig: './theme.config.js',
+  themeConfig: './theme.config.jsx',
 });
-module.exports = withNextra();
+
+export default withNextra();

package.json

@@ -16,16 +16,16 @@
   "dependencies": {
     "@codesandbox/sandpack-react": "^2.7.1",
     "@codesandbox/sandpack-themes": "^2.0.21",
-    "next": ">=13",
-    "nextra": "^2.13.1",
-    "nextra-theme-docs": "^2.13.1",
+    "next": ">=15",
+    "nextra": "^3.2.0",
+    "nextra-theme-docs": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "sharp": "^0.32.5"
+    "sharp": "^0.33.5"
   },
   "devDependencies": {
-    "autoprefixer": "10.4.16",
-    "postcss": "8.4.31",
-    "tailwindcss": "3.3.3"
+    "autoprefixer": "10.4.20",
+    "postcss": "8.4.47",
+    "tailwindcss": "3.4.14"
   }
 }

pages/_meta.js

@@ -0,0 +1,27 @@
+export default {
+  prog: {
+    title: 'Programmierung',
+    type: 'page',
+  },
+  'web-prog': {
+    title: 'Web-Programmierung',
+    type: 'page',
+  },
+  mobile: {
+    title: 'Mobile Apps',
+    type: 'page',
+  },
+  praesi: {
+    title: 'Präsentationskompetenzen',
+    type: 'page',
+  },
+  kennenlerntag: {
+    title: 'Kennenlerntag',
+    type: 'page',
+  },
+  impressum: {
+    title: 'Impressum',
+    type: 'page',
+    display: 'hidden',
+  },
+};

pages/kennenlerntag/_meta.js

@@ -0,0 +1,8 @@
+export default {
+  index: 'Übersicht',
+  '01-intro': 'Einführung',
+  '02-basics': 'Grundlagen von p5.js',
+  '03-shapes': 'Formen und Farben',
+  '04-interaction': 'Interaktion',
+  '05-project': 'Projekt und Abschluss',
+};

pages/mobile/01-intro/_meta.json → pages/mobile/01-intro/_meta.js

@@ -1,4 +1,4 @@
-{
+export default {
   "01-organisatorisches": "Organisatorisches",
   "02-statistiken": "Statistiken",
   "03-plattformen": "Plattformen",

pages/mobile/02-android/_meta.js

@@ -0,0 +1,9 @@
+export default {
+  '01-intro': 'Einstieg',
+  '02-aufbau_projekte': 'Aufbau Projekte',
+  '03-kotlin': 'Kotlin lernen',
+  '04-compose': 'Einstieg in Compose',
+  '05-layouts': 'Layouts, Styling und Modifier',
+  '06-material': 'Material Design und Themes',
+  '07-state': 'Zustand im UI',
+};

pages/mobile/03-android/04-navigation.mdx

@@ -1,4 +1,4 @@
-import { Callout } from 'nextra-theme-docs'
+import { Callout } from 'nextra/components'
 
 # Navigation
 

pages/mobile/03-android/_meta.js

@@ -0,0 +1,7 @@
+export default {
+  '01-lists': 'Listen',
+  '02-storage': 'Datenbanken mit Room verwalten',
+  '03-storage2': 'Verwendung von Room',
+  '04-navigation': 'Navigation',
+  '05-more': 'Ausblick',
+};

pages/mobile/04-flutter/_meta.js

@@ -0,0 +1,8 @@
+export default {
+  '01-intro': 'Mit Flutter starten',
+  '02-aufbau': 'Aufbau einer Flutter-App',
+  '03-widgets': 'Widgets ohne State',
+  '04-state': 'Widgets mit State',
+  '05-data': 'Daten speichern',
+  '06-ausblick': 'Ausblick',
+};

pages/mobile/05-react_native/_meta.js

@@ -0,0 +1,7 @@
+export default {
+  '01-setup': 'Setup',
+  '02-intro': 'Einstieg',
+  '03-app': 'Todo-App',
+  '04-components': 'Komponenten',
+  '05-todos-list': 'Liste mit Todos',
+};

pages/mobile/06-react_native/_meta.js

@@ -0,0 +1,6 @@
+export default {
+  '01-state': 'Zustand (state)',
+  '02-buttons-modal': 'Buttons und Modal',
+  '03-todo-input': 'Eingabe mit TextInput',
+  '04-next-steps': 'Nächste Schritte',
+};

pages/mobile/07-frameworks/_meta.js

@@ -0,0 +1,4 @@
+export default {
+  pwa: 'Progressive Web Apps',
+  ionic: 'Ionic',
+};

pages/mobile/07-frameworks/ionic.mdx

@@ -1,4 +1,4 @@
-import { Callout } from 'nextra-theme-docs'
+import { Callout } from 'nextra/components'
 
 # Ionic
 

pages/mobile/07-frameworks/pwa.mdx

@@ -1,4 +1,4 @@
-import { Callout } from 'nextra-theme-docs'
+import { Callout } from 'nextra/components'
 
 # Progressive Web Apps
 

pages/mobile/08-misc/_meta.js

@@ -0,0 +1,4 @@
+export default {
+  index: 'Überblick',
+  devtools: 'Dev Tools',
+};

pages/mobile/08-misc/devtools.mdx

@@ -1,4 +1,4 @@
-import { Callout } from 'nextra-theme-docs'
+import { Callout } from 'nextra/components'
 
 # Dev Tools
 

pages/mobile/08-misc/index.mdx

@@ -1,4 +1,4 @@
-import { Callout } from 'nextra-theme-docs'
+import { Callout } from 'nextra/components'
 
 # Überblick
 

pages/mobile/_meta.json → pages/mobile/_meta.js

@@ -1,4 +1,4 @@
-{
+export default {
   "index": "Übersicht",
   "setup": "Vorbereitung",
   "01-intro": "1 - Einleitung",

pages/mobile/index.mdx

@@ -1,4 +1,4 @@
-import { Callout } from 'nextra-theme-docs'
+import { Callout } from 'nextra/components'
 
 # Entwicklung mobiler Apps (TIF)
 

pages/praesi/_meta.js

@@ -0,0 +1,11 @@
+export default {
+  index: 'Übersicht',
+  'tag-01-index': '1. Tag: Überblick',
+  'tag-01-nao': '1. Tag: Einstieg (mit NAO)',
+  'tag-01-no-nao': '1. Tag: Einstieg (ohne NAO)',
+  'tag-02': '2. Tag: Themen/Gruppen',
+  themen: 'Themenliste',
+  'tag-03': '3. Tag: Bearbeitung der Themen',
+  'tag-04': '4. Tag: Präsentationen',
+  makecode: 'Notizen zu MakeCode',
+};

pages/praesi/tag-01-index.mdx

@@ -1,4 +1,4 @@
-import { Callout, Card, Cards,  } from 'nextra/components';
+import { Callout, Cards } from 'nextra/components';
 
 # 1. Tag: Überblick
 
@@ -11,6 +11,6 @@ In Q1 (Jan-März) führen wir diese Veranstaltung manchmal ohne NAO durch, sodas
 </Callout>
 
 <Cards>
-  <Card title="Mit NAO" href="tag-01-nao" />
-  <Card title="Ohne NAO" href="tag-01-no-nao" />
+  <Cards.Card title="Mit NAO" href="tag-01-nao" />
+  <Cards.Card title="Ohne NAO" href="tag-01-no-nao" />
 </Cards>

pages/prog/01-intro/_meta.js

@@ -0,0 +1,9 @@
+export default {
+  '01-vorstellung': 'Vorstellung',
+  '02-motivation': 'Motivation',
+  '03-organisatorisches': 'Organisatorisches',
+  '04-ablauf': 'Ablauf',
+  '05-intro': 'Einführung',
+  '06-javascript': 'JavaScript',
+  '07-hello_world': 'Hello, World!',
+};

pages/prog/02-basics/_meta.js

@@ -0,0 +1,8 @@
+export default {
+  uebung: 'Übung',
+  basics: 'Grundbegriffe',
+  variablen: 'Variablen und Konstanten',
+  io: 'Ein- und Ausgabe',
+  types: 'Datentypen',
+  uebung2: 'Übung',
+};

pages/prog/02-basics/basics.mdx

@@ -1,4 +1,4 @@
-import { Callout } from 'nextra-theme-docs'
+import { Callout } from 'nextra/components'
 
 # Grundbegriffe
 

pages/prog/02-basics/io.mdx

@@ -1,4 +1,4 @@
-import { Callout } from 'nextra-theme-docs'
+import { Callout } from 'nextra/components';
 import JSEditor from '/components/JSEditor';
 
 # Ein- und Ausgabe

pages/prog/02-basics/types.mdx

@@ -1,4 +1,4 @@
-import { Callout } from 'nextra-theme-docs'
+import { Callout } from 'nextra/components'
 
 # Datentypen
 

pages/prog/02-basics/uebung.mdx

@@ -1,4 +1,4 @@
-import { Callout } from 'nextra-theme-docs'
+import { Callout } from 'nextra/components'
 
 # Übung
 

pages/prog/02-basics/uebung2.mdx

@@ -1,4 +1,4 @@
-import { Callout } from 'nextra-theme-docs'
+import { Callout } from 'nextra/components'
 
 # Übungen
 

pages/prog/02-basics/variablen.mdx

@@ -1,4 +1,4 @@
-import { Callout } from 'nextra-theme-docs'
+import { Callout } from 'nextra/components'
 
 # Variablen und Konstanten
 

pages/prog/03-logic-structure/_meta.js

@@ -0,0 +1,6 @@
+export default {
+  operators: 'Operatoren',
+  functions: 'Funktionen (Teil 1)',
+  if: 'Verzweigungen (if/else)',
+  smiley: 'Übung (Smiley/Sadly)',
+};

pages/prog/03-logic-structure/functions.mdx

@@ -1,4 +1,4 @@
-import { Callout } from 'nextra-theme-docs'
+import { Callout } from 'nextra/components'
 
 # Funktionen (Teil 1)