[{"data":1,"prerenderedAt":20},["ShallowReactive",2],{"clay-page:\u002F4.x\u002Fde\u002Fgetting-started\u002Fintroduction":3},{"html":4,"toc":5,"description":16,"hero":17,"list":18,"socialImage":19},"\u003Ch1 id=\"einführung\">Einführung\u003C\u002Fh1>\n\u003Cp>Clay macht aus einem Ordner voller Markdown-Dateien eine schnelle, durchsuchbare Dokumentationsseite. Du schreibst Seiten in Markdown, beschreibst deine Seite in einer kleinen Konfigurationsdatei, und Clay erzeugt eine statische Seite, die du überall hosten kannst: auf GitHub Pages, Netlify, Cloudflare Pages oder jedem Webserver.\u003C\u002Fp>\n\u003Cp>Diese Website ist selbst eine Clay-Seite. Jede Seite, die du hier liest, ist eine Markdown-Datei im \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fclay-doc\u002Fclay-example-repo\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Ci class=\"fa-solid fa-arrow-up-right-from-square clay-external-icon\" aria-hidden=\"true\">\u003C\u002Fi>Beispiel-Repository\u003C\u002Fa>, und das Repository dient zugleich als Vorlage zum Abschauen.\u003C\u002Fp>\n\u003Ch2 id=\"so-funktioniert-es\">\u003Ca class=\"heading-anchor\" href=\"#so-funktioniert-es\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#so-funktioniert-es\">#\u003C\u002Fa>So funktioniert es\u003C\u002Fh2>\n\u003Cdiv class=\"mermaid-diagram\">\u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" viewBox=\"0 0 664.8820000000001 250.925\" width=\"664.8820000000001\" height=\"250.925\">\n\n\u003Cdefs>\n  \u003Cmarker id=\"diagram-1-arrowhead\" markerWidth=\"8\" markerHeight=\"5\" refX=\"7\" refY=\"2.5\" orient=\"auto\">\n    \u003Cpolygon points=\"0 0, 8 2.5, 0 5\" fill=\"var(--_arrow)\" stroke=\"var(--_arrow)\" stroke-width=\"0.75\" stroke-linejoin=\"round\">\u003C\u002Fpolygon>\n  \u003C\u002Fmarker>\n  \u003Cmarker id=\"diagram-1-arrowhead-start\" markerWidth=\"8\" markerHeight=\"5\" refX=\"1\" refY=\"2.5\" orient=\"auto-start-reverse\">\n    \u003Cpolygon points=\"8 0, 0 2.5, 8 5\" fill=\"var(--_arrow)\" stroke=\"var(--_arrow)\" stroke-width=\"0.75\" stroke-linejoin=\"round\">\u003C\u002Fpolygon>\n  \u003C\u002Fmarker>\n\u003C\u002Fdefs>\n\u003Cpolyline class=\"edge\" data-from=\"A\" data-to=\"B\" data-style=\"solid\" data-arrow-start=\"false\" data-arrow-end=\"true\" data-label=\"clay dev\" points=\"141.971,81.93333333333334 177.971,81.93333333333334 177.971,58.44999999999999 289.79499999999996,58.44999999999999\" fill=\"none\" stroke=\"var(--_line)\" stroke-width=\"1\" marker-end=\"url(#diagram-1-arrowhead)\">\u003C\u002Fpolyline>\n\u003Cpolyline class=\"edge\" data-from=\"A\" data-to=\"C\" data-style=\"solid\" data-arrow-start=\"false\" data-arrow-end=\"true\" data-label=\"clay build\" points=\"141.971,99.86666666666667 177.971,99.86666666666667 177.971,131.8 289.79499999999996,131.79999999999998\" fill=\"none\" stroke=\"var(--_line)\" stroke-width=\"1\" marker-end=\"url(#diagram-1-arrowhead)\">\u003C\u002Fpolyline>\n\u003Cpolyline class=\"edge\" data-from=\"C\" data-to=\"D\" data-style=\"solid\" data-arrow-start=\"false\" data-arrow-end=\"true\" points=\"418.44199999999995,131.79999999999998 437.63,131.79999999999998 437.63,62.675 456.818,62.675\" fill=\"none\" stroke=\"var(--_line)\" stroke-width=\"1\" marker-end=\"url(#diagram-1-arrowhead)\">\u003C\u002Fpolyline>\n\u003Cpolyline class=\"edge\" data-from=\"C\" data-to=\"E\" data-style=\"solid\" data-arrow-start=\"false\" data-arrow-end=\"true\" points=\"418.44199999999995,131.79999999999998 437.63,131.79999999999998 437.63,127.575 456.818,127.575\" fill=\"none\" stroke=\"var(--_line)\" stroke-width=\"1\" marker-end=\"url(#diagram-1-arrowhead)\">\u003C\u002Fpolyline>\n\u003Cpolyline class=\"edge\" data-from=\"C\" data-to=\"F\" data-style=\"solid\" data-arrow-start=\"false\" data-arrow-end=\"true\" points=\"418.44199999999995,131.79999999999998 437.63,131.79999999999998 437.63,192.47500000000002 456.818,192.47500000000002\" fill=\"none\" stroke=\"var(--_line)\" stroke-width=\"1\" marker-end=\"url(#diagram-1-arrowhead)\">\u003C\u002Fpolyline>\n\u003Cg class=\"edge-label\" data-from=\"A\" data-to=\"B\" data-label=\"clay dev\">\n  \u003Crect x=\"185.971\" y=\"42.44999999999999\" width=\"57.44799999999999\" height=\"30.3\" rx=\"2\" ry=\"2\" fill=\"var(--bg)\" stroke=\"var(--_inner-stroke)\" stroke-width=\"1\">\u003C\u002Frect>\n  \u003Ctext x=\"214.695\" y=\"57.59999999999999\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"400\" fill=\"var(--_text-sec)\" dy=\"3.8499999999999996\">clay dev\u003C\u002Ftext>\n\u003C\u002Fg>\n\u003Cg class=\"edge-label\" data-from=\"A\" data-to=\"C\" data-label=\"clay build\">\n  \u003Crect x=\"185.971\" y=\"115.79999999999998\" width=\"62.2\" height=\"30.3\" rx=\"2\" ry=\"2\" fill=\"var(--bg)\" stroke=\"var(--_inner-stroke)\" stroke-width=\"1\">\u003C\u002Frect>\n  \u003Ctext x=\"217.071\" y=\"130.95\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"400\" fill=\"var(--_text-sec)\" dy=\"3.8499999999999996\">clay build\u003C\u002Ftext>\n\u003C\u002Fg>\n\u003Cg class=\"node\" data-id=\"A\" data-label=\"docs\u002F*.md\nclay.yaml\" data-shape=\"rectangle\">\n  \u003Crect x=\"40\" y=\"64\" width=\"101.971\" height=\"53.800000000000004\" rx=\"0\" ry=\"0\" fill=\"var(--_node-fill)\" stroke=\"var(--_node-stroke)\" stroke-width=\"0.75\">\u003C\u002Frect>\n  \u003Ctext x=\"90.9855\" y=\"90.9\" text-anchor=\"middle\" font-size=\"13\" font-weight=\"500\" fill=\"var(--_text)\">\u003Ctspan x=\"90.9855\" dy=\"-3.9000000000000012\">docs\u002F*.md\u003C\u002Ftspan>\u003Ctspan x=\"90.9855\" dy=\"16.900000000000002\">clay.yaml\u003C\u002Ftspan>\u003C\u002Ftext>\n\u003C\u002Fg>\n\u003Cg class=\"node\" data-id=\"B\" data-label=\"Live-Vorschau\" data-shape=\"rectangle\">\n  \u003Crect x=\"289.79499999999996\" y=\"39.999999999999986\" width=\"131.611\" height=\"36.900000000000006\" rx=\"0\" ry=\"0\" fill=\"var(--_node-fill)\" stroke=\"var(--_node-stroke)\" stroke-width=\"0.75\">\u003C\u002Frect>\n  \u003Ctext x=\"355.60049999999995\" y=\"58.44999999999999\" text-anchor=\"middle\" font-size=\"13\" font-weight=\"500\" fill=\"var(--_text)\" dy=\"4.55\">Live-Vorschau\u003C\u002Ftext>\n\u003C\u002Fg>\n\u003Cg class=\"node\" data-id=\"C\" data-label=\"Statische Seite\npublish\u002Fpublic\" data-shape=\"rectangle\">\n  \u003Crect x=\"289.79499999999996\" y=\"104.89999999999999\" width=\"128.647\" height=\"53.800000000000004\" rx=\"0\" ry=\"0\" fill=\"var(--_node-fill)\" stroke=\"var(--_node-stroke)\" stroke-width=\"0.75\">\u003C\u002Frect>\n  \u003Ctext x=\"354.1184999999999\" y=\"131.79999999999998\" text-anchor=\"middle\" font-size=\"13\" font-weight=\"500\" fill=\"var(--_text)\">\u003Ctspan x=\"354.1184999999999\" dy=\"-3.9000000000000012\">Statische Seite\u003C\u002Ftspan>\u003Ctspan x=\"354.1184999999999\" dy=\"16.900000000000002\">publish\u002Fpublic\u003C\u002Ftspan>\u003C\u002Ftext>\n\u003C\u002Fg>\n\u003Cg class=\"node\" data-id=\"D\" data-label=\"GitHub Pages\" data-shape=\"rectangle\">\n  \u003Crect x=\"456.818\" y=\"44.224999999999994\" width=\"121.237\" height=\"36.900000000000006\" rx=\"0\" ry=\"0\" fill=\"var(--_node-fill)\" stroke=\"var(--_node-stroke)\" stroke-width=\"0.75\">\u003C\u002Frect>\n  \u003Ctext x=\"517.4365\" y=\"62.675\" text-anchor=\"middle\" font-size=\"13\" font-weight=\"500\" fill=\"var(--_text)\" dy=\"4.55\">GitHub Pages\u003C\u002Ftext>\n\u003C\u002Fg>\n\u003Cg class=\"node\" data-id=\"E\" data-label=\"Netlify, Cloudflare, …\" data-shape=\"rectangle\">\n  \u003Crect x=\"456.818\" y=\"109.125\" width=\"156.06400000000002\" height=\"36.900000000000006\" rx=\"0\" ry=\"0\" fill=\"var(--_node-fill)\" stroke=\"var(--_node-stroke)\" stroke-width=\"0.75\">\u003C\u002Frect>\n  \u003Ctext x=\"534.85\" y=\"127.575\" text-anchor=\"middle\" font-size=\"13\" font-weight=\"500\" fill=\"var(--_text)\" dy=\"4.55\">Netlify, Cloudflare, …\u003C\u002Ftext>\n\u003C\u002Fg>\n\u003Cg class=\"node\" data-id=\"F\" data-label=\"Jeder Webserver\" data-shape=\"rectangle\">\n  \u003Crect x=\"456.818\" y=\"174.025\" width=\"148.654\" height=\"36.900000000000006\" rx=\"0\" ry=\"0\" fill=\"var(--_node-fill)\" stroke=\"var(--_node-stroke)\" stroke-width=\"0.75\">\u003C\u002Frect>\n  \u003Ctext x=\"531.145\" y=\"192.47500000000002\" text-anchor=\"middle\" font-size=\"13\" font-weight=\"500\" fill=\"var(--_text)\" dy=\"4.55\">Jeder Webserver\u003C\u002Ftext>\n\u003C\u002Fg>\n\u003C\u002Fsvg>\u003C\u002Fdiv>\n\u003Cp>Ein Clay-Projekt ist ein Ordner mit einer Konfigurationsdatei und deiner Dokumentation:\u003C\u002Fp>\n\u003Cdiv class=\"file-tree not-prose\">\u003Cul>\u003Cli>\u003Cdetails open=\"\">\u003Csummary class=\"file-tree-entry file-tree-folder\">\u003Ci class=\"fa-solid fa-chevron-right file-tree-chevron\" aria-hidden=\"true\">\u003C\u002Fi>\u003Ci class=\"fa-solid fa-folder-open file-tree-open\" aria-hidden=\"true\">\u003C\u002Fi>\u003Ci class=\"fa-solid fa-folder file-tree-closed\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"file-tree-name\">mein-projekt\u003C\u002Fspan>\u003C\u002Fsummary>\u003Cul>\u003Cli>\u003Cspan class=\"file-tree-entry\">\u003Cspan class=\"file-tree-chevron\" aria-hidden=\"true\">\u003C\u002Fspan>\u003Ci class=\"fa-regular fa-file-code\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"file-tree-name\">clay.yaml\u003C\u002Fspan>\u003Cspan class=\"file-tree-comment\">Titel und Links der Seite\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fli>\u003Cli>\u003Cdetails open=\"\">\u003Csummary class=\"file-tree-entry file-tree-folder\">\u003Ci class=\"fa-solid fa-chevron-right file-tree-chevron\" aria-hidden=\"true\">\u003C\u002Fi>\u003Ci class=\"fa-solid fa-folder-open file-tree-open\" aria-hidden=\"true\">\u003C\u002Fi>\u003Ci class=\"fa-solid fa-folder file-tree-closed\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"file-tree-name\">docs\u003C\u002Fspan>\u003Cspan class=\"file-tree-comment\">deine Markdown-Seiten, Bilder und Dateien\u003C\u002Fspan>\u003C\u002Fsummary>\u003Cul>\u003Cli>\u003Cspan class=\"file-tree-entry\">\u003Cspan class=\"file-tree-chevron\" aria-hidden=\"true\">\u003C\u002Fspan>\u003Ci class=\"fa-brands fa-markdown\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"file-tree-name\">index.md\u003C\u002Fspan>\u003Cspan class=\"file-tree-comment\">optional: die Startseite\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fdetails>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fdetails>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fdiv>\n\u003Cp>Du arbeitest mit drei Befehlen:\u003C\u002Fp>\n\u003Cdiv class=\"code-block is-terminal has-bar\">\u003Cdiv class=\"code-terminal\" aria-hidden=\"true\">\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">npx\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> clay\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> dev\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#006400;--shiki-dark:#6A9955\">       # Live-Vorschau beim Schreiben\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">npx\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> clay\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> build\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#006400;--shiki-dark:#6A9955\">     # die statische Seite nach publish\u002Fpublic bauen\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">npx\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> clay\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> preview\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#006400;--shiki-dark:#6A9955\">   # den Build so prüfen, wie ein Webhoster ihn ausliefert\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Cp>Clay ist ein einziges npm-Paket, \u003Ccode>clay-doc\u003C\u002Fcode>. Es baut auf \u003Ca href=\"https:\u002F\u002Fnuxt.com\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Ci class=\"fa-solid fa-arrow-up-right-from-square clay-external-icon\" aria-hidden=\"true\">\u003C\u002Fi>Nuxt\u003C\u002Fa> und \u003Ca href=\"https:\u002F\u002Fvuejs.org\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Ci class=\"fa-solid fa-arrow-up-right-from-square clay-external-icon\" aria-hidden=\"true\">\u003C\u002Fi>Vue\u003C\u002Fa> auf, aber du kommst mit keinem davon in Berührung: kein Theme einzurichten, kein Code zu schreiben.\u003C\u002Fp>\n\u003Ch2 id=\"was-du-bekommst\">\u003Ca class=\"heading-anchor\" href=\"#was-du-bekommst\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#was-du-bekommst\">#\u003C\u002Fa>Was du bekommst\u003C\u002Fh2>\n\u003Cdiv class=\"clay-cards not-prose\">\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Ffeatures\u002Fai-and-agents\" data-route=\"\u002F4.x\u002Fde\u002Ffeatures\u002Fai-and-agents\">\u003Ci class=\"clay-card-icon fa-solid fa-robot\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Bereit für KI\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Jede Seite als Markdown, llms.txt und Befehle, die Coding-Agenten verstehen.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Forganizing\u002Fnavigation\" data-route=\"\u002F4.x\u002Fde\u002Forganizing\u002Fnavigation\">\u003Ci class=\"clay-card-icon fa-solid fa-sitemap\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Navigation\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Eine Seitenleiste aus deinen Ordnern, Brotkrumen und Links zur vorigen und nächsten Seite.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Ffeatures\u002Fsearch\" data-route=\"\u002F4.x\u002Fde\u002Ffeatures\u002Fsearch\">\u003Ci class=\"clay-card-icon fa-solid fa-magnifying-glass\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Suche\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Jede Seite und jeder Abschnitt, Tippfehler verziehen, nach Bereichen gefiltert.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fwriting\u002Fcode-blocks\" data-route=\"\u002F4.x\u002Fde\u002Fwriting\u002Fcode-blocks\">\u003Ci class=\"clay-card-icon fa-solid fa-code\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Code\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Hervorhebung für über 200 Sprachen, markierte Zeilen, Diffs und ein Kopierknopf.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fwriting\u002Fcomponents\" data-route=\"\u002F4.x\u002Fde\u002Fwriting\u002Fcomponents\">\u003Ci class=\"clay-card-icon fa-solid fa-puzzle-piece\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Komponenten\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Tabs, Schritte, Karten, Diagramme, Formeln und Dateibäume in schlichtem Markdown.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Ffeatures\u002Fseo\" data-route=\"\u002F4.x\u002Fde\u002Ffeatures\u002Fseo\">\u003Ci class=\"clay-card-icon fa-solid fa-chart-line\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Suchmaschinen\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Titel, Beschreibungen, kanonische Links, eine Sitemap und strukturierte Daten.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Ffeatures\u002Fthemes-and-icons\" data-route=\"\u002F4.x\u002Fde\u002Ffeatures\u002Fthemes-and-icons\">\u003Ci class=\"clay-card-icon fa-solid fa-circle-half-stroke\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Hell und dunkel\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Folgt dem System der Leser, mit einem Schalter, der sich ihre Wahl merkt.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Forganizing\u002Fversions\" data-route=\"\u002F4.x\u002Fde\u002Forganizing\u002Fversions\">\u003Ci class=\"clay-card-icon fa-solid fa-code-branch\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Versionen\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Die Dokumentation älterer Releases bleibt online, mit Versionswahl.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Forganizing\u002Ftranslations\" data-route=\"\u002F4.x\u002Fde\u002Forganizing\u002Ftranslations\">\u003Ci class=\"clay-card-icon fa-solid fa-language\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Sprachen\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Übersetze Seite für Seite; nicht übersetzte Seiten zeigen das Original.\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fdiv>\n\u003Cp>Jede Seite wird vorab als HTML gerendert: Sie lädt schnell, funktioniert ohne JavaScript und passt auf kleine Bildschirme, mit der Navigation in einer Schublade.\u003C\u002Fp>\n\u003Ch2 id=\"wie-es-weitergeht\">\u003Ca class=\"heading-anchor\" href=\"#wie-es-weitergeht\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#wie-es-weitergeht\">#\u003C\u002Fa>Wie es weitergeht\u003C\u002Fh2>\n\u003Cdiv class=\"clay-steps\">\u003Col>\n\u003Cli>\u003Cstrong>Installiere Clay\u003C\u002Fstrong>, siehe \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fgetting-started\u002Finstallation\" data-route=\"\u002F4.x\u002Fde\u002Fgetting-started\u002Finstallation\">Installation\u003C\u002Fa>.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Bau eine erste Seite\u003C\u002Fstrong> in fünf Minuten mit dem \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fgetting-started\u002Fquick-start\" data-route=\"\u002F4.x\u002Fde\u002Fgetting-started\u002Fquick-start\">Schnellstart\u003C\u002Fa>.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Schreib deine Seiten\u003C\u002Fstrong>, siehe \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fwriting\" data-route=\"\u002F4.x\u002Fde\u002Fwriting\">Schreiben\u003C\u002Fa>.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Veröffentliche\u003C\u002Fstrong> auf \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fpublishing\u002Fgithub-pages\" data-route=\"\u002F4.x\u002Fde\u002Fpublishing\u002Fgithub-pages\">GitHub Pages\u003C\u002Fa> oder \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fpublishing\u002Fother-hosts\" data-route=\"\u002F4.x\u002Fde\u002Fpublishing\u002Fother-hosts\">bei einem anderen Hoster\u003C\u002Fa>.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"markdown-alert markdown-alert-note\">\n\u003Cp class=\"markdown-alert-title text-base-content\">\u003Ci class=\"fa-solid fa-sticky-note mr-2\">\u003C\u002Fi>Hinweis\u003C\u002Fp>\n\u003Cp>Du kommst von Clay 1 und Clay Oven? Beginne mit dem \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fguides\u002Fupgrading-to-clay-2\" data-route=\"\u002F4.x\u002Fde\u002Fguides\u002Fupgrading-to-clay-2\">Umstieg auf Clay 2\u003C\u002Fa>.\u003C\u002Fp>\n\u003C\u002Fdiv>\n",[6,10,13],{"id":7,"text":8,"level":9},"so-funktioniert-es","So funktioniert es",2,{"id":11,"text":12,"level":9},"was-du-bekommst","Was du bekommst",{"id":14,"text":15,"level":9},"wie-es-weitergeht","Wie es weitergeht","Was Clay ist, was es dir abnimmt und wie eine Clay-Seite entsteht.",null,false,"\u002F_clay\u002Fsocial\u002F4.x\u002Fde\u002Fgetting-started\u002Fintroduction.png",1792666372451]