{title ? `${title} — My Site` : \"My Site\"}

\n \n \n \n);\n\n// --- Pages ------------------------------------------------------------\n\nconst indexMd = `---\ntitle: Home\n---\n# Welcome to My Site\n\nThis is a static site generated from **markdown** using \\`vt-ssg\\`.\n\nEach page is a markdown string with YAML frontmatter, rendered through a\nshared Hono JSX layout, and written as a static HTML file into this val.\n`;\n\nconst aboutMd = `---\ntitle: About\n---\n# About\n\nThis site demonstrates the **markdown-first** pattern of \\`vt-ssg\\`:\n\n1. Define your pages as markdown strings (or read them from files/blobs)\n2. Pass them to \\`renderToFiles()\\` with a shared layout\n3. The output HTML files are written into the val via the API\n4. Serve them with \\`staticHTTPServer()\\`\n`;\n\nconst blogPostMd = `---\ntitle: Hello World\ndate: 2026-04-04\nauthor: nbbaier\n---\n# Hello World\n\nThis is the first blog post. It supports all the usual markdown features:\n\n## Code blocks\n\n\\`\\`\\`ts\nconst greeting = \"Hello from vt-ssg!\";\nconsole.log(greeting);\n\\`\\`\\`\n\n## Lists\n\n- Markdown parsing via **marked**\n- Frontmatter via **gray-matter**\n- Layouts via **Hono JSX**\n- File writing via **Val Town API**\n\n## Emphasis\n\nThis is *italic*, this is **bold**, and this is \\`inline code\\`.\n`;\n\n// --- Build ------------------------------------------------------------\n\nconsole.log(\"Building site...\");\n\nconst results = await renderToFiles({\n pages: [\n { path: \"index.html\", markdown: indexMd },\n { path: \"about.html\", markdown: aboutMd },\n { path: \"blog/hello-world.html\", markdown: blogPostMd },\n ],\n layout: SiteLayout,\n dir: \"static\",\n fs: { callerUrl: import.meta.url },\n});\n\nfor (const r of results) {\n console.log(\n ` ${r.success ? \"✅\" : \"❌\"} ${r.path}${r.error ? ` — ${r.error}` : \"\"}`,\n );\n}\n\nconsole.log(\"Done!\");","deleted","label",[180,181,161],"examples","markdown-site","permalink","https://www.val.town/x/nbbaier/vt-ssg/code/examples/markdown-site/markdown-site.tsx","extension","actionData","errors"]