[{"data":1,"prerenderedAt":25},["ShallowReactive",2],{"clay-page:\u002F4.x":3},{"html":4,"toc":5,"description":19,"hero":20,"list":23,"socialImage":24},"\u003Cp>Clay turns a folder of Markdown files into a documentation website: a sidebar from your folders, full-text search, code highlighting, components like tabs and diagrams, light and dark themes, versions and translations. You write the pages; Clay does the rest.\u003C\u002Fp>\n\u003Ch2 id=\"start-in-a-minute\">\u003Ca class=\"heading-anchor\" href=\"#start-in-a-minute\" aria-label=\"Link to this section\" data-route=\"#start-in-a-minute\">#\u003C\u002Fa>Start in a minute\u003C\u002Fh2>\n\u003Cdiv class=\"clay-tabs clay-code-group is-terminal has-dots\" data-tabs=\"\">\u003Cdiv role=\"tablist\" class=\"tabs tabs-border not-prose\">\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-1-0\" class=\"tab tab-active\" aria-controls=\"clay-tabs-1-0-panel\" aria-selected=\"true\" tabindex=\"0\">npm\u003C\u002Fbutton>\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-1-1\" class=\"tab\" aria-controls=\"clay-tabs-1-1-panel\" aria-selected=\"false\" tabindex=\"-1\">pnpm\u003C\u002Fbutton>\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-1-2\" class=\"tab\" aria-controls=\"clay-tabs-1-2-panel\" aria-selected=\"false\" tabindex=\"-1\">yarn\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-1-0-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-1-0\" data-label=\"npm\">\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\">npm\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> install\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#569CD6\"> --save-dev\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> clay-doc\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">echo\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> 'title: \"My Project\"'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> > \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">clay.yaml\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">mkdir\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> docs\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> && \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">echo\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> '# Hello, Clay'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> > \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">docs\u002Findex.md\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\"> dev\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Copy code\" aria-label=\"Copy code\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-1-1-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-1-1\" data-label=\"pnpm\" hidden=\"\">\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\">pnpm\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> add\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#569CD6\"> --save-dev\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> clay-doc\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">echo\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> 'title: \"My Project\"'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> > \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">clay.yaml\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">mkdir\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> docs\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> && \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">echo\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> '# Hello, Clay'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> > \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">docs\u002Findex.md\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">pnpm\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> exec\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> clay\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> dev\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Copy code\" aria-label=\"Copy code\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-1-2-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-1-2\" data-label=\"yarn\" hidden=\"\">\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\">yarn\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> add\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#569CD6\"> --dev\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> clay-doc\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">echo\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> 'title: \"My Project\"'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> > \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">clay.yaml\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">mkdir\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> docs\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> && \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">echo\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> '# Hello, Clay'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> > \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">docs\u002Findex.md\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">yarn\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> clay\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> dev\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Copy code\" aria-label=\"Copy code\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>Open \u003Ca href=\"http:\u002F\u002Flocalhost:3000\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Ci class=\"fa-solid fa-arrow-up-right-from-square clay-external-icon\" aria-hidden=\"true\">\u003C\u002Fi>http:\u002F\u002Flocalhost:3000\u003C\u002Fa>, and every change you save shows up right away. The \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fgetting-started\u002Fquick-start\" data-route=\"\u002F4.x\u002Fgetting-started\u002Fquick-start\">quick start\u003C\u002Fa> takes it from there.\u003C\u002Fp>\n\u003Ch2 id=\"ready-for-ai\">\u003Ca class=\"heading-anchor\" href=\"#ready-for-ai\" aria-label=\"Link to this section\" data-route=\"#ready-for-ai\">#\u003C\u002Fa>Ready for AI \u003Cspan class=\"badge badge-sm badge-soft badge-success clay-badge\">New in Clay 4\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp>Your docs, for people and for the assistants they ask. Every page is also published as Markdown, \u003Ccode>llms.txt\u003C\u002Fcode> lists them all for language models, and readers can copy a page or open it in ChatGPT or Claude with one click. Coding agents change and check the docs with \u003Ccode>clay edit\u003C\u002Fcode> and \u003Ccode>clay check\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Cdiv class=\"clay-cards not-prose\">\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Ffeatures\u002Fai-and-agents#every-page-as-markdown\" data-route=\"\u002F4.x\u002Ffeatures\u002Fai-and-agents#every-page-as-markdown\">\u003Ci class=\"clay-card-icon fa-brands fa-markdown\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Every page as Markdown\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Try it: this page is at index.md too.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Ffeatures\u002Fai-and-agents#llmstxt\" data-route=\"\u002F4.x\u002Ffeatures\u002Fai-and-agents#llmstxt\">\u003Ci class=\"clay-card-icon fa-solid fa-robot\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">llms.txt\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">The index language models look for, written on every build.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Ffeatures\u002Fai-and-agents#for-coding-agents\" data-route=\"\u002F4.x\u002Ffeatures\u002Fai-and-agents#for-coding-agents\">\u003Ci class=\"clay-card-icon fa-solid fa-terminal\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">For coding agents\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">One change per command, JSON results and help written for agents.\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fdiv>\n\u003Cdiv class=\"clay-prompt-aura aura not-prose\">\u003Cdiv class=\"clay-prompt code-block\">\u003Cdiv class=\"clay-prompt-title\">\u003Ci class=\"fa-solid fa-wand-magic-sparkles\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan>Suggested prompt\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"clay-prompt-text\">Read https:\u002F\u002Fclay-doc.github.io\u002Fclay-example-repo\u002Fllms.txt, then set up Clay\ndocumentation for this repository: a clay.yaml with the project's name, a docs\u002F\nfolder with a start page, and a GitHub Pages workflow. Run `npx clay check`\nuntil it passes.\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Copy prompt\" aria-label=\"Copy prompt\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Ch2 id=\"the-docs\">\u003Ca class=\"heading-anchor\" href=\"#the-docs\" aria-label=\"Link to this section\" data-route=\"#the-docs\">#\u003C\u002Fa>The docs\u003C\u002Fh2>\n\u003Cdiv class=\"clay-cards not-prose\">\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fgetting-started\" data-route=\"\u002F4.x\u002Fgetting-started\">\u003Ci class=\"clay-card-icon fa-solid fa-rocket\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Getting Started\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">What Clay is, how to install it and how to build a first site in five minutes.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fwriting\" data-route=\"\u002F4.x\u002Fwriting\">\u003Ci class=\"clay-card-icon fa-solid fa-pen-nib\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Writing\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Everything about the content of a page, from Markdown and code blocks to components, links and images.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Forganizing\" data-route=\"\u002F4.x\u002Forganizing\">\u003Ci class=\"clay-card-icon fa-solid fa-sitemap\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Organizing\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">How pages and folders become the navigation, how folders get their pages, and how versions and languages work.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Ffeatures\" data-route=\"\u002F4.x\u002Ffeatures\">\u003Ci class=\"clay-card-icon fa-solid fa-wand-magic-sparkles\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Features\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">What every Clay site comes with - docs for AI assistants and agents, search, page details, themes and icons, and search engine optimization.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fconfiguration\" data-route=\"\u002F4.x\u002Fconfiguration\">\u003Ci class=\"clay-card-icon fa-solid fa-gear\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Configuration\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Reference of clay.yaml, of the front matter of pages and folders, and of the environment variables.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fpublishing\" data-route=\"\u002F4.x\u002Fpublishing\">\u003Ci class=\"clay-card-icon fa-solid fa-cloud-arrow-up\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Publishing\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">The clay commands, the checks every build runs, and how to put the site online on GitHub Pages or any other host.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Fguides\" data-route=\"\u002F4.x\u002Fguides\">\u003Ci class=\"clay-card-icon fa-solid fa-book-open\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Guides\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Upgrading from earlier versions of Clay, and solutions for common problems.\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fdiv>\n\u003Ch2 id=\"why-clay\">\u003Ca class=\"heading-anchor\" href=\"#why-clay\" aria-label=\"Link to this section\" data-route=\"#why-clay\">#\u003C\u002Fa>Why Clay\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Cstrong>Markdown in, website out.\u003C\u002Fstrong> Pages are Markdown files in \u003Ccode>docs\u002F\u003C\u002Fcode>, folders become the navigation. No templates, no theme to build.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Ready for AI.\u003C\u002Fstrong> Every page as Markdown, \u003Ccode>llms.txt\u003C\u002Fcode>, and commands that coding agents understand, see \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Ffeatures\u002Fai-and-agents\" data-route=\"\u002F4.x\u002Ffeatures\u002Fai-and-agents\">AI & agents\u003C\u002Fa>.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>More than Markdown.\u003C\u002Fstrong> \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fwriting\u002Fcomponents\" data-route=\"\u002F4.x\u002Fwriting\u002Fcomponents\">Tabs, steps, cards, diagrams, math and file trees\u003C\u002Fa>, written as plain text.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Search built in.\u003C\u002Fstrong> Every page and section is searchable, typos and all, with \u003Ckbd>Ctrl\u003C\u002Fkbd> + \u003Ckbd>K\u003C\u002Fkbd> or \u003Ckbd>⌘\u003C\u002Fkbd> + \u003Ckbd>K\u003C\u002Fkbd>.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Fast anywhere.\u003C\u002Fstrong> Every page is pre-rendered to HTML. Host it on GitHub Pages, Netlify or any web server.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Checked on every build.\u003C\u002Fstrong> Broken links and unknown settings are reported, and \u003Ccode>--strict\u003C\u002Fcode> stops a deploy that has them.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Versions and languages.\u003C\u002Fstrong> Keep the docs of older releases online and translate page by page.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Organized in the terminal.\u003C\u002Fstrong> \u003Ccode>clay edit\u003C\u002Fcode> creates, orders, renames and translates pages without touching front matter by hand.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cdiv class=\"markdown-alert markdown-alert-tip\">\n\u003Cp class=\"markdown-alert-title text-primary\">\u003Ci class=\"fa-solid fa-lightbulb mr-2\">\u003C\u002Fi>Tip\u003C\u002Fp>\n\u003Cp>This website is a Clay site. Every page is a Markdown file in the \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>example repository\u003C\u002Fa>: see how it is made, or copy it as a starting point. Already running Clay 3? See \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fguides\u002Fupgrading-to-clay-4\" data-route=\"\u002F4.x\u002Fguides\u002Fupgrading-to-clay-4\">upgrading to Clay 4\u003C\u002Fa>.\u003C\u002Fp>\n\u003C\u002Fdiv>\n",[6,10,13,16],{"id":7,"text":8,"level":9},"start-in-a-minute","Start in a minute",2,{"id":11,"text":12,"level":9},"ready-for-ai","Ready for AI New in Clay 4",{"id":14,"text":15,"level":9},"the-docs","The docs",{"id":17,"text":18,"level":9},"why-clay","Why Clay","Turn a folder of Markdown files into a fast, searchable documentation website. Everything you need to write, organize and publish docs with Clay.",{"title":21,"icon":22,"description":19},"Clay Documentation","fa-solid fa-book-open",false,"\u002F_clay\u002Fsocial\u002F4.x.png",1792666348894]