{
  "id": "stack-profile:progressive-web-app",
  "_kind": "StackProfile",
  "_file": "domain/stack-profiles/deep-stacks-4.yaml",
  "_cluster": "domain",
  "attributes": {
    "displayName": "Progressive Web App Stack (Next.js, Workbox, IndexedDB, Tailwind, TypeScript)",
    "description": "A progressive web app (PWA) stack built on Next.js with service worker\ncaching strategies, offline-first data persistence via client-side\nstorage, and responsive UI powered by Tailwind CSS. TypeScript\nprovides end-to-end type safety across server and client components.\nZustand manages client-side application state. The PWA manifest enables\nhome screen installation on mobile devices without app store submission.\nDesigned for content-heavy applications, field-service tools, and\nconsumer apps where native app distribution overhead is undesirable.\nThe tradeoff is platform capability gaps — PWAs lack access to certain\nnative APIs (push notifications on iOS have limitations, no Bluetooth\non some platforms), and the offline experience requires careful cache\ninvalidation logic to prevent stale data issues.\n",
    "composes": [
      "framework:nextjs",
      "library:tailwindcss",
      "language:typescript",
      "library:zustand",
      "library:zod"
    ]
  },
  "outgoingEdges": [
    {
      "from": "stack-profile:progressive-web-app",
      "to": "framework:nextjs",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "library:tailwindcss",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "language:typescript",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "library:zustand",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "library:zod",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "tool:vitest",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "tool:github-actions",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "library:shadcn",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "role:frontend-engineer",
      "kind": "used_by_role"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "role:fullstack-engineer",
      "kind": "used_by_role"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "role:mobile-engineer",
      "kind": "used_by_role"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "workflow:feature-development",
      "kind": "follows_workflow"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "workflow:performance-profiling-cycle",
      "kind": "follows_workflow"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "domain:web-development",
      "kind": "applies_to"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "domain:mobile",
      "kind": "applies_to"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "skill-area:server-side-rendering",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "skill-area:frontend-performance",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "skill-area:web-accessibility",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "skill-area:progressive-enhancement",
      "kind": "requires_skill_area"
    }
  ],
  "incomingEdges": []
}