---
title: Übersicht: Schreiben und Organisieren
sidebarTitle: Übersicht zum Schreiben
description: >-
  Alles zur Erstellung von Jamdesk-Seiten: MDX-Syntax, Codeblöcke, Medieneinbettungen, SEO und Tools zur Vorschau vor der Veröffentlichung.
---

> **For AI agents:** the complete documentation index is at [llms.txt](/docs/llms.txt). Append `.md` to any page URL for its markdown version.

Jamdesk-Seiten sind MDX-Dateien: standardmäßiges Markdown mit React-Komponenten, die Sie überall dort verwenden können, wo Sie sie benötigen. Eine Seite besteht lediglich aus Frontmatter und Inhalt.

```mdx
---
title: Rate Limits
description: How rate limiting works across API tiers.
---

Requests are limited per API key.

<Note>Enterprise plans have custom limits.</Note>
```

Das meiste, was Sie schreiben werden, ist einfaches Markdown. Die Seiten in diesem Abschnitt behandeln den Rest: Codeblöcke mit Syntaxhervorhebung, Bilder und Videos, mathematische Notation, wiederverwendbare Snippets sowie die Frontmatter-Felder, die Titel, Symbole und SEO-Metadaten steuern.

## MDX und Seiten

<Columns cols={3}>
  <Card title="MDX-Grundlagen" icon="pen-to-square" href="/de/content/mdx-basics">
    Markdown mit eingebetteten React-Komponenten. Beginnen Sie hier.
  </Card>
  <Card title="Codeblöcke" icon="code" href="/de/content/code-blocks">
    Syntaxhervorhebung, Zeilennummern, Dateinamen und CodeGroups
  </Card>
  <Card title="Benutzerdefinierte React-Komponenten" icon="puzzle-piece" href="/de/content/react-components">
    Definieren Sie eigene Komponenten mit serverseitigem Rendering und Tailwind
  </Card>
  <Card title="Frontmatter" icon="file-lines" href="/de/content/frontmatter">
    Titel, Beschreibungen, Symbole, Anpassungen der Seitenleiste und SEO-Metadaten
  </Card>
  <Card title="Überschriften" icon="heading" href="/de/content/headers">
    H2- und H3-Überschriften, die das Inhaltsverzeichnis füllen
  </Card>
  <Card title="Symbole" icon="icons" href="/de/content/icons">
    Font Awesome Pro-Symbole in Karten, Hinweisboxen, Navigation und Inline-Text
  </Card>
  <Card title="Links und Anker" icon="link" href="/de/content/links">
    Interne Links, Überschriftenanker und externe URLs
  </Card>
  <Card title="Mathematik und LaTeX" icon="square-root-variable" href="/de/content/math">
    KaTeX-Rendering für Gleichungen und Ausdrücke
  </Card>
  <Card title="SEO" icon="magnifying-glass" href="/de/content/seo">
    Meta-Tags, Social-Media-Vorschauen und automatisch generierte Sitemaps
  </Card>
  <Card title="Verborgene Seiten" icon="eye-slash" href="/de/content/hidden-pages">
    Seiten aus Seitenleiste und Suche ausblenden, ohne sie zu löschen
  </Card>
  <Card title="Snippets" icon="clone" href="/de/content/snippets">
    Wiederverwendbare Inhaltsblöcke, die Sie seitenübergreifend importieren
  </Card>
</Columns>

## Medien und Einbettungen

<Columns cols={2}>
  <Card title="Bilder" icon="image" href="/de/content/images">
    Größenanpassung, Bildunterschriften, Varianten für helles und dunkles Design sowie unterstützte Formate
  </Card>
  <Card title="YouTube" icon="circle-play" href="/de/content/youtube">
    Videos und Shorts mit verzögertem Laden und benutzerdefinierten Startzeiten
  </Card>
  <Card title="Videos" icon="video" href="/de/content/videos">
    MP4 und WebM mit Autoplay-, Loop- und Poster-Props
  </Card>
  <Card title="iFrames" icon="window-restore" href="/de/content/iframes">
    Vimeo, CodePen, Figma, Loom und andere externe Einbettungen
  </Card>
</Columns>

## Tools zur Inhaltserstellung

Sie müssen Ihre Änderungen nicht pushen, um sie zu sehen. Zeigen Sie sie lokal mit der CLI in der Vorschau an, bearbeiten Sie sie im Browser oder steuern Sie den Dev-Server über VS Code.

<Columns cols={3}>
  <Card title="Lokale Vorschau" icon="terminal" href="/de/development/local-preview">
    Führen Sie Ihre Dokumentation auf Ihrem Rechner mit sofortigem Neuladen aus
  </Card>
  <Card title="Web-Editor" icon="browser" href="/de/development/web-editor">
    Bearbeiten Sie MDX im Browser mit Live-Vorschau und committen Sie direkt in Ihr Repository
  </Card>
  <Card title="VS-Code-Erweiterung" icon="square-code" href="/de/development/vscode-extension">
    Starten und stoppen Sie den Dev-Server über die Statusleiste
  </Card>
</Columns>