create-lacspace-app 1.4.0 → 1.6.0

package/dist/index.js

@@ -42,7 +42,9 @@ var pkgJson = (ctx) => JSON.stringify({
     "@lacspace/og": "^1.0.0",
     "@lacspace/ui": "^1.0.0",
     "@lacspace/form": "^1.0.0",
-    "@lacspace/validate": "^1.0.0"
+    "@lacspace/validate": "^1.0.0",
+    // The blog & docs templates render Markdown with @lacspace/markdown.
+    ...ctx.template.key === "blog" || ctx.template.key === "docs" ? { "@lacspace/markdown": "^1.0.0" } : {}
   },
   devDependencies: {
     typescript: "^5.7.0",
@@ -132,6 +134,26 @@ body {
 @keyframes rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
 main > section, main > * { animation: rise 0.6s cubic-bezier(0.22, 1, 0.36, 1) both; }
 @media (prefers-reduced-motion: reduce) { *, ::before, ::after { animation: none !important; scroll-behavior: auto; } }
+${ctx.template.key === "blog" || ctx.template.key === "docs" ? BLOG_PROSE_CSS : ""}`;
+var BLOG_PROSE_CSS = `
+/* article typography for Markdown posts */
+.prose { line-height: 1.75; color: rgb(229 231 235 / 0.9); }
+.prose > * + * { margin-top: 1.25em; }
+.prose h1, .prose h2, .prose h3 { font-weight: 700; line-height: 1.25; margin-top: 2em; color: #fff; }
+.prose h2 { font-size: 1.6rem; } .prose h3 { font-size: 1.3rem; }
+.prose a { color: var(--accent-to); text-decoration: underline; text-underline-offset: 3px; }
+.prose strong { color: #fff; }
+.prose ul, .prose ol { padding-left: 1.4em; }
+.prose ul { list-style: disc; } .prose ol { list-style: decimal; }
+.prose li { margin-top: 0.4em; }
+.prose blockquote { border-left: 3px solid var(--accent-to); padding-left: 1em; color: rgb(229 231 235 / 0.7); font-style: italic; }
+.prose code { background: rgb(255 255 255 / 0.08); padding: 0.15em 0.4em; border-radius: 6px; font-size: 0.9em; }
+.prose pre { background: #0f0f16; border: 1px solid rgb(255 255 255 / 0.1); border-radius: 12px; padding: 1.1em; overflow-x: auto; }
+.prose pre code { background: none; padding: 0; }
+.prose img { border-radius: 12px; max-width: 100%; height: auto; }
+.prose table { width: 100%; border-collapse: collapse; }
+.prose th, .prose td { border: 1px solid rgb(255 255 255 / 0.12); padding: 0.5em 0.75em; text-align: left; }
+.prose hr { border: none; border-top: 1px solid rgb(255 255 255 / 0.12); }
 `;
 var siteTs = (ctx) => `import { defineSite } from "@lacspace/seo";
 
@@ -655,7 +677,9 @@ export function CommandMenu() {
       accent="${ctx.template.accent[1]}"
       items={[
         { id: "home", label: "Home", group: "Navigate", shortcut: "G H", onSelect: () => router.push("/") },
-        { id: "about", label: "About", group: "Navigate", onSelect: () => router.push("/about") },
+        { id: "about", label: "About", group: "Navigate", onSelect: () => router.push("/about") },${ctx.template.key === "blog" ? `
+        { id: "blog", label: "Blog", group: "Navigate", onSelect: () => router.push("/blog") },` : ""}${ctx.template.key === "docs" ? `
+        { id: "docs", label: "Docs", group: "Navigate", onSelect: () => router.push("/docs") },` : ""}
         { id: "contact", label: "Contact", group: "Navigate", onSelect: () => router.push("/contact") },
         { id: "packages", label: "Lacspace packages", group: "Links", onSelect: () => window.open("https://lacspace.com/packages", "_blank") },
       ]}
@@ -770,6 +794,312 @@ export default function ContactPage() {
   );
 }
 `;
+var docsLib = () => `import fs from "node:fs";
+import path from "node:path";
+import { markdownToHtml, extractHeadings, type Heading } from "@lacspace/markdown";
+
+const DIR = path.join(process.cwd(), "content/docs");
+
+export interface DocMeta {
+  slug: string;
+  title: string;
+  group: string;
+  order: number;
+  description: string;
+}
+export interface Doc extends DocMeta {
+  html: string;
+  toc: Heading[];
+}
+
+function parse(raw: string): { data: Record<string, string>; body: string } {
+  const m = /^---\\r?\\n([\\s\\S]*?)\\r?\\n---\\r?\\n?([\\s\\S]*)$/.exec(raw);
+  if (!m) return { data: {}, body: raw };
+  const data: Record<string, string> = {};
+  for (const line of m[1].split(/\\r?\\n/)) {
+    const i = line.indexOf(":");
+    if (i === -1) continue;
+    data[line.slice(0, i).trim()] = line.slice(i + 1).trim().replace(/^["']|["']$/g, "");
+  }
+  return { data, body: m[2] };
+}
+
+export function getAllDocs(): DocMeta[] {
+  if (!fs.existsSync(DIR)) return [];
+  return fs
+    .readdirSync(DIR)
+    .filter((f) => f.endsWith(".md"))
+    .map((f) => {
+      const { data } = parse(fs.readFileSync(path.join(DIR, f), "utf8"));
+      return {
+        slug: f.replace(/\\.md$/, ""),
+        title: data.title ?? f,
+        group: data.group ?? "Docs",
+        order: Number(data.order ?? "99"),
+        description: data.description ?? "",
+      };
+    })
+    .sort((a, b) => a.order - b.order || a.title.localeCompare(b.title));
+}
+
+export function getDoc(slug: string): Doc | null {
+  const file = path.join(DIR, \`\${slug}.md\`);
+  if (!fs.existsSync(file)) return null;
+  const { data, body } = parse(fs.readFileSync(file, "utf8"));
+  return {
+    slug,
+    title: data.title ?? slug,
+    group: data.group ?? "Docs",
+    order: Number(data.order ?? "99"),
+    description: data.description ?? "",
+    html: markdownToHtml(body, { headingOffset: 1 }),
+    toc: extractHeadings(body),
+  };
+}
+
+export function getDocNav(): { group: string; items: DocMeta[] }[] {
+  const groups: { group: string; items: DocMeta[] }[] = [];
+  for (const doc of getAllDocs()) {
+    let g = groups.find((x) => x.group === doc.group);
+    if (!g) { g = { group: doc.group, items: [] }; groups.push(g); }
+    g.items.push(doc);
+  }
+  return groups;
+}
+
+export function adjacentDocs(slug: string): { prev: DocMeta | null; next: DocMeta | null } {
+  const all = getAllDocs();
+  const i = all.findIndex((d) => d.slug === slug);
+  return { prev: i > 0 ? all[i - 1]! : null, next: i >= 0 && i < all.length - 1 ? all[i + 1]! : null };
+}
+`;
+var docsSidebar = () => `"use client";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+
+interface DocMeta { slug: string; title: string; group: string; order: number; description: string; }
+
+export function DocsSidebar({ nav }: { nav: { group: string; items: DocMeta[] }[] }) {
+  const path = usePathname();
+  return (
+    <nav className="flex flex-col gap-6 text-sm">
+      {nav.map((group) => (
+        <div key={group.group}>
+          <p className="mb-2 text-xs font-semibold uppercase tracking-widest text-white/40">{group.group}</p>
+          <ul className="flex flex-col gap-1">
+            {group.items.map((d) => {
+              const href = \`/docs/\${d.slug}\`;
+              const active = path === href;
+              return (
+                <li key={d.slug}>
+                  <Link
+                    href={href}
+                    className={\`block rounded-lg px-3 py-1.5 transition \${active ? "gradient-bg font-semibold text-black" : "text-white/70 hover:bg-white/5 hover:text-white"}\`}
+                  >
+                    {d.title}
+                  </Link>
+                </li>
+              );
+            })}
+          </ul>
+        </div>
+      ))}
+    </nav>
+  );
+}
+`;
+var docsLayout = () => `import Link from "next/link";
+import { getDocNav } from "@/lib/docs";
+import { DocsSidebar } from "@/components/docs-sidebar";
+
+export default function DocsLayout({ children }: { children: React.ReactNode }) {
+  const nav = getDocNav();
+  return (
+    <div className="mx-auto grid max-w-6xl gap-10 px-6 py-16 md:grid-cols-[220px_1fr]">
+      <aside className="md:sticky md:top-24 md:h-fit">
+        <Link href="/docs" className="mb-6 block text-lg font-black gradient-text">Docs</Link>
+        <DocsSidebar nav={nav} />
+      </aside>
+      <div className="min-w-0">{children}</div>
+    </div>
+  );
+}
+`;
+var docsIndexPage = (ctx) => `import Link from "next/link";
+import { site } from "@/lib/site";
+import { getAllDocs } from "@/lib/docs";
+
+export const metadata = site.meta({
+  title: "Documentation",
+  path: "/docs",
+  description: "Documentation for ${ctx.template.siteName}.",
+});
+
+export default function DocsIndex() {
+  const docs = getAllDocs();
+  return (
+    <div>
+      <h1 className="text-4xl font-black gradient-text">Documentation</h1>
+      <p className="mt-4 text-white/60">Everything you need to get started and go deep.</p>
+      <div className="mt-10 grid gap-4 sm:grid-cols-2">
+        {docs.map((d) => (
+          <Link key={d.slug} href={\`/docs/\${d.slug}\`} className="rounded-2xl border border-white/10 bg-white/5 p-5 transition hover:border-white/25">
+            <span className="text-xs font-semibold uppercase tracking-widest text-white/40">{d.group}</span>
+            <h2 className="mt-1 text-lg font-bold">{d.title}</h2>
+            {d.description && <p className="mt-1 text-sm text-white/60">{d.description}</p>}
+          </Link>
+        ))}
+      </div>
+    </div>
+  );
+}
+`;
+var docsPage = () => `import Link from "next/link";
+import { notFound } from "next/navigation";
+import { site } from "@/lib/site";
+import { getAllDocs, getDoc, adjacentDocs } from "@/lib/docs";
+
+export function generateStaticParams() {
+  return getAllDocs().map((d) => ({ slug: d.slug }));
+}
+
+export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }) {
+  const { slug } = await params;
+  const doc = getDoc(slug);
+  if (!doc) return {};
+  return site.meta({ title: doc.title, path: \`/docs/\${slug}\`, description: doc.description });
+}
+
+export default async function DocPage({ params }: { params: Promise<{ slug: string }> }) {
+  const { slug } = await params;
+  const doc = getDoc(slug);
+  if (!doc) notFound();
+  const { prev, next } = adjacentDocs(slug);
+
+  return (
+    <article>
+      <span className="text-xs font-semibold uppercase tracking-widest text-white/40">{doc.group}</span>
+      <h1 className="mt-1 text-4xl font-black leading-tight">{doc.title}</h1>
+      {doc.description && <p className="mt-3 text-lg text-white/60">{doc.description}</p>}
+
+      {doc.toc.length > 2 && (
+        <div className="mt-8 rounded-xl border border-white/10 bg-white/5 p-4">
+          <p className="mb-2 text-xs font-semibold uppercase tracking-widest text-white/40">On this page</p>
+          <ul className="flex flex-col gap-1 text-sm">
+            {doc.toc.map((h) => (
+              <li key={h.id} style={{ paddingLeft: (h.level - 1) * 12 }}>
+                <a href={\`#\${h.id}\`} className="text-white/60 hover:text-white">{h.text}</a>
+              </li>
+            ))}
+          </ul>
+        </div>
+      )}
+
+      <div className="prose mt-10" dangerouslySetInnerHTML={{ __html: doc.html }} />
+
+      <nav className="mt-14 flex justify-between gap-4 border-t border-white/10 pt-8 text-sm">
+        {prev ? <Link href={\`/docs/\${prev.slug}\`} className="text-white/70 hover:text-white">&larr; {prev.title}</Link> : <span />}
+        {next ? <Link href={\`/docs/\${next.slug}\`} className="text-right text-white/70 hover:text-white">{next.title} &rarr;</Link> : <span />}
+      </nav>
+    </article>
+  );
+}
+`;
+var docsSitemapTs = () => `import { sitemapForSite } from "@lacspace/sitemap";
+import { site } from "@/lib/site";
+import { getAllDocs } from "@/lib/docs";
+
+export function GET() {
+  const paths = ["/", "/about", "/contact", "/docs", ...getAllDocs().map((d) => \`/docs/\${d.slug}\`)];
+  const xml = sitemapForSite(site.config, paths);
+  return new Response(xml, { headers: { "content-type": "application/xml" } });
+}
+`;
+var sampleDocIntro = (ctx) => `---
+title: Introduction
+group: Getting Started
+order: 1
+description: What ${ctx.template.siteName} is and how these docs work.
+---
+
+# Introduction
+
+Welcome to the **${ctx.template.siteName}** documentation. These pages are plain
+**Markdown files** in \`content/docs/\`, rendered to static pages with
+[\`@lacspace/markdown\`](https://www.npmjs.com/package/@lacspace/markdown).
+
+## How the docs are organised
+
+- Each \`.md\` file becomes a page at \`/docs/<filename>\`.
+- Front-matter sets the **title**, **group** (sidebar heading) and **order**.
+- The sidebar, the on-this-page table of contents and prev/next links are all
+  generated for you.
+
+> Edit these files, add your own, and the navigation updates automatically.
+`;
+var sampleDocInstall = () => `---
+title: Installation
+group: Getting Started
+order: 2
+description: Add a new documentation page in under a minute.
+---
+
+# Installation & setup
+
+Create a Markdown file in \`content/docs/\` with front-matter at the top:
+
+\`\`\`md
+---
+title: My page
+group: Guides
+order: 1
+description: A short summary for SEO and the index.
+---
+
+# My page
+
+Write **Markdown** here \u2014 headings, lists, tables and code all work.
+\`\`\`
+
+That's it \u2014 the page appears at \`/docs/my-page\` and in the sidebar under "Guides".
+`;
+var sampleDocWriting = () => `---
+title: Writing content
+group: Guides
+order: 1
+description: Everything the Markdown renderer supports.
+---
+
+# Writing content
+
+The renderer supports the essentials \u2014 and a bit more.
+
+## Text & lists
+
+**Bold**, *italic*, \`inline code\`, and:
+
+- bullet lists
+  - that nest
+- [x] task lists
+
+## Tables
+
+| Feature | Supported |
+| ------- | :-------: |
+| Headings + anchors | \u2705 |
+| Code blocks | \u2705 |
+| Tables | \u2705 |
+
+## Code
+
+\`\`\`ts
+export function greet(name: string) {
+  return \`Hello, \${name}!\`;
+}
+\`\`\`
+
+Every heading gets an anchor id, so the on-this-page menu links straight to it.
+`;
 var seoWorkflow = () => `name: SEO
 
 on:
@@ -796,8 +1126,234 @@ jobs:
       - name: Audit every page (fails below grade A)
         run: npx @lacspace/seo crawl http://localhost:3000 --min-grade A
 `;
-function buildFiles(ctx) {
+var postsLib = () => `import fs from "node:fs";
+import path from "node:path";
+import { markdownToHtml, extractHeadings, type Heading } from "@lacspace/markdown";
+
+const DIR = path.join(process.cwd(), "content/posts");
+
+export interface PostMeta {
+  slug: string;
+  title: string;
+  date: string;
+  excerpt: string;
+  tag?: string;
+  author?: string;
+}
+export interface Post extends PostMeta {
+  html: string;
+  toc: Heading[];
+}
+
+// Tiny front-matter parser (no gray-matter needed).
+function parse(raw: string): { data: Record<string, string>; body: string } {
+  const m = /^---\\r?\\n([\\s\\S]*?)\\r?\\n---\\r?\\n?([\\s\\S]*)$/.exec(raw);
+  if (!m) return { data: {}, body: raw };
+  const data: Record<string, string> = {};
+  for (const line of m[1].split(/\\r?\\n/)) {
+    const i = line.indexOf(":");
+    if (i === -1) continue;
+    data[line.slice(0, i).trim()] = line.slice(i + 1).trim().replace(/^["']|["']$/g, "");
+  }
+  return { data, body: m[2] };
+}
+
+export function getAllPosts(): PostMeta[] {
+  if (!fs.existsSync(DIR)) return [];
+  return fs
+    .readdirSync(DIR)
+    .filter((f) => f.endsWith(".md"))
+    .map((f) => {
+      const { data } = parse(fs.readFileSync(path.join(DIR, f), "utf8"));
+      return {
+        slug: f.replace(/\\.md$/, ""),
+        title: data.title ?? f,
+        date: data.date ?? "",
+        excerpt: data.excerpt ?? "",
+        tag: data.tag,
+        author: data.author,
+      };
+    })
+    .sort((a, b) => (a.date < b.date ? 1 : -1));
+}
+
+export function getPost(slug: string): Post | null {
+  const file = path.join(DIR, \`\${slug}.md\`);
+  if (!fs.existsSync(file)) return null;
+  const { data, body } = parse(fs.readFileSync(file, "utf8"));
   return {
+    slug,
+    title: data.title ?? slug,
+    date: data.date ?? "",
+    excerpt: data.excerpt ?? "",
+    tag: data.tag,
+    author: data.author,
+    html: markdownToHtml(body, { headingOffset: 1 }),
+    toc: extractHeadings(body),
+  };
+}
+`;
+var blogListPage = (ctx) => `import Link from "next/link";
+import { site } from "@/lib/site";
+import { getAllPosts } from "@/lib/posts";
+
+export const metadata = site.meta({
+  title: "Blog",
+  path: "/blog",
+  description: "Writing, notes and updates from ${ctx.template.siteName}.",
+});
+
+export default function Blog() {
+  const posts = getAllPosts();
+  return (
+    <main className="mx-auto max-w-3xl px-6 py-24">
+      <h1 className="text-4xl font-black gradient-text sm:text-5xl">Blog</h1>
+      <p className="mt-4 text-white/60">Thoughts, notes and updates.</p>
+      <div className="mt-12 flex flex-col gap-8">
+        {posts.map((post) => (
+          <Link key={post.slug} href={\`/blog/\${post.slug}\`} className="group rounded-2xl border border-white/10 bg-white/5 p-6 transition hover:border-white/25">
+            {post.tag && <span className="text-xs font-semibold uppercase tracking-widest text-white/40">{post.tag}</span>}
+            <h2 className="mt-1 text-2xl font-bold group-hover:gradient-text">{post.title}</h2>
+            <p className="mt-2 text-white/60">{post.excerpt}</p>
+            {post.date && <time className="mt-3 block text-sm text-white/40">{new Date(post.date).toLocaleDateString(undefined, { year: "numeric", month: "long", day: "numeric" })}</time>}
+          </Link>
+        ))}
+        {posts.length === 0 && <p className="text-white/50">No posts yet \u2014 add a Markdown file in <code>content/posts/</code>.</p>}
+      </div>
+    </main>
+  );
+}
+`;
+var blogPostPage = () => `import Link from "next/link";
+import { notFound } from "next/navigation";
+import { site } from "@/lib/site";
+import { getAllPosts, getPost } from "@/lib/posts";
+
+// \u2728 Every post is statically generated at build time.
+export function generateStaticParams() {
+  return getAllPosts().map((p) => ({ slug: p.slug }));
+}
+
+// \u2728 Per-post SEO \u2014 title, canonical, OG image and Article JSON-LD, from one call.
+export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }) {
+  const { slug } = await params;
+  const post = getPost(slug);
+  if (!post) return {};
+  return site.article({
+    title: post.title,
+    path: \`/blog/\${slug}\`,
+    description: post.excerpt,
+    datePublished: post.date,
+    author: post.author,
+    tags: post.tag ? [post.tag] : undefined,
+  }).metadata;
+}
+
+export default async function PostPage({ params }: { params: Promise<{ slug: string }> }) {
+  const { slug } = await params;
+  const post = getPost(slug);
+  if (!post) notFound();
+
+  const jsonLd = site.article({
+    title: post.title,
+    path: \`/blog/\${slug}\`,
+    description: post.excerpt,
+    datePublished: post.date,
+    author: post.author,
+    tags: post.tag ? [post.tag] : undefined,
+  }).jsonLd;
+
+  return (
+    <main className="mx-auto max-w-2xl px-6 py-24">
+      <Link href="/blog" className="text-sm text-white/50 hover:text-white">&larr; All posts</Link>
+      <article className="mt-6">
+        <h1 className="text-4xl font-black leading-tight sm:text-5xl">{post.title}</h1>
+        {post.date && <time className="mt-4 block text-sm text-white/40">{new Date(post.date).toLocaleDateString(undefined, { year: "numeric", month: "long", day: "numeric" })}</time>}
+        <div className="prose mt-10" dangerouslySetInnerHTML={{ __html: post.html }} />
+      </article>
+      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} />
+    </main>
+  );
+}
+`;
+var blogSitemapTs = () => `import { sitemapForSite } from "@lacspace/sitemap";
+import { site } from "@/lib/site";
+import { getAllPosts } from "@/lib/posts";
+
+export function GET() {
+  const paths = ["/", "/about", "/contact", "/blog", ...getAllPosts().map((p) => \`/blog/\${p.slug}\`)];
+  const xml = sitemapForSite(site.config, paths);
+  return new Response(xml, { headers: { "content-type": "application/xml" } });
+}
+`;
+var samplePostWelcome = (ctx) => `---
+title: Welcome to your new blog
+date: 2026-01-15
+excerpt: How this Markdown-powered blog works \u2014 and how to add your own posts.
+tag: Guide
+author: ${ctx.template.siteName}
+---
+
+# You're up and running
+
+This blog reads **Markdown files** from \`content/posts/\` and renders them to
+static pages with [\`@lacspace/markdown\`](https://www.npmjs.com/package/@lacspace/markdown).
+No CMS, no database \u2014 just files you can version in git.
+
+## Add a post
+
+1. Create \`content/posts/my-post.md\`.
+2. Add front-matter at the top (title, date, excerpt, tag).
+3. Write Markdown. That's it \u2014 the post appears at \`/blog/my-post\`.
+
+## What Markdown supports
+
+- **Bold**, *italic*, ~~strikethrough~~ and \`inline code\`
+- Lists, including
+  - nested items
+  - [x] task lists
+- Links, images and autolinks
+- Tables:
+
+| Feature | Works |
+| ------- | :---: |
+| Headings + anchors | \u2705 |
+| Code blocks | \u2705 |
+
+\`\`\`ts
+// even fenced code, with a language class for highlighting
+export function hello(name: string) {
+  return \`Hello, \${name}!\`;
+}
+\`\`\`
+
+> Every post is statically generated and gets its own SEO metadata and
+> Article JSON-LD automatically. Happy writing!
+`;
+var samplePostSecond = (ctx) => `---
+title: Why we build in the open
+date: 2026-02-02
+excerpt: A short second post so you can see the list and navigation in action.
+tag: Notes
+author: ${ctx.template.siteName}
+---
+
+# Building in the open
+
+This is a second sample post. Delete it whenever you like.
+
+Because posts are just Markdown files, you can:
+
+1. Draft in any editor
+2. Preview locally with \`npm run dev\`
+3. Commit and deploy
+
+Check the [first post](/blog/welcome) for the full Markdown reference.
+`;
+function buildFiles(ctx) {
+  const isBlog = ctx.template.key === "blog";
+  const isDocs = ctx.template.key === "docs";
+  const files = {
     "package.json": pkgJson(ctx),
     "tsconfig.json": tsconfig(),
     "next.config.mjs": nextConfig(),
@@ -815,7 +1371,7 @@ function buildFiles(ctx) {
     "app/apple-icon.tsx": appleIconTsx(ctx),
     "app/manifest.ts": manifestTs(ctx),
     "app/robots.txt/route.ts": robotsTs(),
-    "app/sitemap.xml/route.ts": sitemapTs(),
+    "app/sitemap.xml/route.ts": isBlog ? blogSitemapTs() : isDocs ? docsSitemapTs() : sitemapTs(),
     "app/contact/page.tsx": contactPage(ctx),
     "app/actions.ts": actionsTs(),
     "components/command-menu.tsx": commandMenu(ctx),
@@ -824,6 +1380,24 @@ function buildFiles(ctx) {
     ".env.example": envExample(),
     "WELCOME.md": welcomeMd(ctx)
   };
+  if (isBlog) {
+    files["lib/posts.ts"] = postsLib();
+    files["app/blog/page.tsx"] = blogListPage(ctx);
+    files["app/blog/[slug]/page.tsx"] = blogPostPage();
+    files["content/posts/welcome.md"] = samplePostWelcome(ctx);
+    files["content/posts/building-in-the-open.md"] = samplePostSecond(ctx);
+  }
+  if (isDocs) {
+    files["lib/docs.ts"] = docsLib();
+    files["components/docs-sidebar.tsx"] = docsSidebar();
+    files["app/docs/layout.tsx"] = docsLayout();
+    files["app/docs/page.tsx"] = docsIndexPage(ctx);
+    files["app/docs/[slug]/page.tsx"] = docsPage();
+    files["content/docs/introduction.md"] = sampleDocIntro(ctx);
+    files["content/docs/installation.md"] = sampleDocInstall();
+    files["content/docs/writing-content.md"] = sampleDocWriting();
+  }
+  return files;
 }
 function parseArgs(list) {
   const a = { yes: false, install: true, git: true, pm: "npm", help: false };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-lacspace-app",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "description": "Scaffold a beautiful, production-ready Next.js app from a Lacspace template — portfolio, business, e-commerce, SaaS, blog, docs, dashboard or restaurant — pre-wired with SEO, security headers, sitemap and robots. Like create-next-app, but you start gorgeous.",
   "type": "module",
   "bin": {