[{"data":1,"prerenderedAt":17},["ShallowReactive",2],{"clay-page:\u002F4.x\u002Ffeatures":3},{"html":4,"toc":5,"description":13,"hero":14,"list":15,"socialImage":16},"\u003Ch1 id=\"features\">Features\u003C\u002Fh1>\n\u003Cp>What every Clay site comes with. None of these need setup: they work as soon as you build, and a few settings in \u003Ccode>clay.yaml\u003C\u002Fcode> or front matter fine-tune them.\u003C\u002Fp>\n\u003Cdiv class=\"clay-cards not-prose\">\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Ffeatures\u002Fai-and-agents\" data-route=\"\u002F4.x\u002Ffeatures\u002Fai-and-agents\">\u003Ci class=\"clay-card-icon fa-solid fa-robot\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">AI & Agents\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Every Clay site is ready for language models - each page as Markdown, an llms.txt index - and clay edit and clay check let AI agents change and check the docs.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Ffeatures\u002Fsearch\" data-route=\"\u002F4.x\u002Ffeatures\u002Fsearch\">\u003Ci class=\"clay-card-icon fa-solid fa-magnifying-glass\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Search\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Full-text search over every page and section, with typo tolerance, highlighted matches and keyboard shortcuts.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Ffeatures\u002Fseo\" data-route=\"\u002F4.x\u002Ffeatures\u002Fseo\">\u003Ci class=\"clay-card-icon fa-solid fa-chart-line\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">SEO\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Titles, descriptions, canonical URLs, Open Graph tags, structured data and a sitemap that Clay creates for search engines.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Ffeatures\u002Fpage-details\" data-route=\"\u002F4.x\u002Ffeatures\u002Fpage-details\">\u003Ci class=\"clay-card-icon fa-solid fa-circle-info\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Page Details\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">The table of contents, last-updated dates, edit links and previous\u002Fnext links around each page.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Ffeatures\u002Fthemes-and-icons\" data-route=\"\u002F4.x\u002Ffeatures\u002Fthemes-and-icons\">\u003Ci class=\"clay-card-icon fa-solid fa-palette\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Themes & Icons\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Light and dark mode, your own colors and fonts, and how to use Font Awesome icons and kits in Clay.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002F4.x\u002Ffeatures\u002Fanalytics\" data-route=\"\u002F4.x\u002Ffeatures\u002Fanalytics\">\u003Ci class=\"clay-card-icon fa-solid fa-chart-simple\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Analytics\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Count page views and learn what readers search for in vain, with services that set no cookies.\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fdiv>\n\u003Ch2 id=\"out-of-the-box-and-what-fine-tunes-it\">\u003Ca class=\"heading-anchor\" href=\"#out-of-the-box-and-what-fine-tunes-it\" aria-label=\"Link to this section\" data-route=\"#out-of-the-box-and-what-fine-tunes-it\">#\u003C\u002Fa>Out of the box, and what fine-tunes it\u003C\u002Fh2>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Feature\u003C\u002Fth>\n\u003Cth>Works without setup\u003C\u002Fth>\n\u003Cth>Fine-tune with\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Ffeatures\u002Fai-and-agents\" data-route=\"\u002F4.x\u002Ffeatures\u002Fai-and-agents\">AI & agents\u003C\u002Fa>\u003C\u002Ftd>\n\u003Ctd>Every page as Markdown, \u003Ccode>llms.txt\u003C\u002Fcode>, a menu to copy a page or ask an assistant, commands for coding agents\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>siteURL\u003C\u002Fcode> for full addresses\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Ffeatures\u002Fsearch\" data-route=\"\u002F4.x\u002Ffeatures\u002Fsearch\">Search\u003C\u002Fa>\u003C\u002Ftd>\n\u003Ctd>Every page and section, typos forgiven, filters by section\u003C\u002Ftd>\n\u003Ctd>Good headings; nothing else\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Ffeatures\u002Fseo\" data-route=\"\u002F4.x\u002Ffeatures\u002Fseo\">SEO\u003C\u002Fa>\u003C\u002Ftd>\n\u003Ctd>Titles, descriptions, link previews\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>siteURL\u003C\u002Fcode> for canonical links, the sitemap and structured data\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Ffeatures\u002Fpage-details\" data-route=\"\u002F4.x\u002Ffeatures\u002Fpage-details\">Page details\u003C\u002Fa>\u003C\u002Ftd>\n\u003Ctd>Contents of the page, previous and next links\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>editURL\u003C\u002Fcode> for edit links; git history for last-updated dates\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Ffeatures\u002Fthemes-and-icons\" data-route=\"\u002F4.x\u002Ffeatures\u002Fthemes-and-icons\">Themes & icons\u003C\u002Fa>\u003C\u002Ftd>\n\u003Ctd>Light and dark, free Font Awesome icons\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>theme\u003C\u002Fcode> for your colors and fonts; \u003Ccode>fontawesomeKit\u003C\u002Fcode> for Pro icons\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Ffeatures\u002Fanalytics\" data-route=\"\u002F4.x\u002Ffeatures\u002Fanalytics\">Analytics\u003C\u002Fa>\u003C\u002Ftd>\n\u003Ctd>Nothing is counted\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>analytics\u003C\u002Fcode> for Plausible, Umami or GoatCounter, without cookies\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Ch2 id=\"for-every-reader\">\u003Ca class=\"heading-anchor\" href=\"#for-every-reader\" aria-label=\"Link to this section\" data-route=\"#for-every-reader\">#\u003C\u002Fa>For every reader\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Cstrong>Fast.\u003C\u002Fstrong> Every page is pre-rendered to HTML: it shows before any JavaScript runs, and works without it.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>On every screen.\u003C\u002Fstrong> On phones, the navigation moves into a drawer, and the contents of a page fold up above it.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>With the keyboard.\u003C\u002Fstrong> A “Skip to content” link, clear focus rings and shortcuts like \u003Ckbd>Ctrl\u003C\u002Fkbd> + \u003Ckbd>K\u003C\u002Fkbd> for the search.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Calm.\u003C\u002Fstrong> Motion follows the system: with “reduce motion” turned on, nothing slides or fades.\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>Press \u003Ckbd>Ctrl\u003C\u002Fkbd> + \u003Ckbd>K\u003C\u002Fkbd> or \u003Ckbd>⌘\u003C\u002Fkbd> + \u003Ckbd>K\u003C\u002Fkbd> on any page of this site to try the search.\u003C\u002Fp>\n\u003C\u002Fdiv>\n",[6,10],{"id":7,"text":8,"level":9},"out-of-the-box-and-what-fine-tunes-it","Out of the box, and what fine-tunes it",2,{"id":11,"text":12,"level":9},"for-every-reader","For every reader","What every Clay site comes with - docs for AI assistants and agents, search, page details, themes and icons, and search engine optimization.",null,false,"\u002F_clay\u002Fsocial\u002F4.x\u002Ffeatures.png",1792666369193]