{
  "id": "stack-profile:static-site-cdn",
  "_kind": "StackProfile",
  "_file": "domain/stack-profiles/deep-stacks-3.yaml",
  "_cluster": "domain",
  "attributes": {
    "displayName": "Static Site + CDN Stack (Astro, Markdown, Cloudflare Workers, TypeScript)",
    "description": "A content-focused static site architecture using Astro for its\nzero-JavaScript-by-default output and island architecture — only\ninteractive components ship client-side JS. Content is authored in\nMarkdown or MDX, enabling technical writers and developers to\ncontribute via Git-based workflows. Cloudflare Workers provide edge\nfunctions for dynamic features like form handling, redirects, and\nA/B testing without a traditional server. TypeScript ensures type\nsafety across Astro components and worker scripts. Tailwind CSS\ndelivers a utility-first styling approach. This stack produces the\nfastest possible page loads for documentation sites, blogs, marketing\npages, and landing pages. The tradeoff is limited interactivity —\ncomplex client-side state management requires adding a framework\nisland (React, Svelte, Vue) which partially negates the performance\nadvantages.\n",
    "composes": [
      "framework:astro",
      "language:typescript",
      "tool:cloudflare-workers",
      "library:tailwindcss"
    ]
  },
  "outgoingEdges": [
    {
      "from": "stack-profile:static-site-cdn",
      "to": "framework:astro",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "language:typescript",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "tool:cloudflare-workers",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "library:tailwindcss",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "tool:vite",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "library:shadcn",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "role:frontend-engineer",
      "kind": "used_by_role"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "role:technical-writer",
      "kind": "used_by_role"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "role:developer-advocate",
      "kind": "used_by_role"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "workflow:documentation-publishing",
      "kind": "follows_workflow"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "workflow:feature-development",
      "kind": "follows_workflow"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "domain:web-development",
      "kind": "applies_to"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "domain:content-operations",
      "kind": "applies_to"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "skill-area:frontend-performance",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "skill-area:cdn-edge",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "skill-area:core-web-vitals",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "skill-area:technical-documentation",
      "kind": "requires_skill_area"
    }
  ],
  "incomingEdges": []
}