Add Astro + MDX docs workspace

Create a separate docs project with Astro and MDX so product documentation can evolve independently from the Electron app while supporting the planned TS/MDX migration.
2026-02-13 10:00:12 +01:00
parent eaa6d637ff
commit 301132c9ee
10 changed files with 6315 additions and 0 deletions
@@ -0,0 +1,22 @@
+---
+import '../styles/global.css';
+
+interface Props {
+  title: string;
+}
+
+const { title } = Astro.props;
+---
+
+<html lang="de">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>{title}</title>
+  </head>
+  <body>
+    <main class="container">
+      <slot />
+    </main>
+  </body>
+</html>
@@ -0,0 +1,11 @@
+---
+import BaseLayout from '../layouts/BaseLayout.astro';
+---
+
+<BaseLayout title="Twitch VOD Manager Docs">
+  <h1>Twitch VOD Manager Documentation</h1>
+  <p>Die Dokumentation wird jetzt mit Astro + MDX gepflegt.</p>
+  <ul>
+    <li><a href="/roadmap">Migration Roadmap</a></li>
+  </ul>
+</BaseLayout>
@@ -0,0 +1,17 @@
+---
+layout: ../layouts/BaseLayout.astro
+title: Migration Roadmap
+---
+
+# Migration Roadmap
+
+## UI Stack
+
+- Renderer wird schrittweise von HTML-Monolith zu TypeScript-Modulen migriert.
+- Styles sind bereits in eine eigene CSS-Datei ausgelagert.
+
+## Nächste Schritte
+
+1. Renderer in weitere Feature-Module aufteilen (Cutter/Merge/Clips).
+2. Komponenten-Ansatz einführen (Astro UI docs, später optional Rust-backend tooling).
+3. API- und Release-Prozess in MDX dokumentieren.
@@ -0,0 +1,22 @@
+:root {
+  color-scheme: dark;
+  font-family: 'Segoe UI', Tahoma, sans-serif;
+  background: #101216;
+  color: #f2f4f8;
+}
+
+body {
+  margin: 0;
+  min-height: 100vh;
+  background: radial-gradient(circle at top, #1a2330 0%, #101216 55%);
+}
+
+.container {
+  max-width: 860px;
+  margin: 0 auto;
+  padding: 40px 20px;
+}
+
+a {
+  color: #5ca3ff;
+}