{
  "id": "stack-profile:nextjs-supabase-stripe",
  "_kind": "StackProfile",
  "_file": "domain/stack-profiles/nextjs-supabase-stripe.yaml",
  "_cluster": "domain",
  "attributes": {
    "displayName": "Next.js + Supabase + Stripe",
    "description": "A popular SaaS starter stack: Next.js (App Router with React Server\nComponents) for the full-stack application, Supabase for managed\nPostgreSQL, row-level security, and Auth (email, OAuth, magic links),\nand Stripe for subscription billing and payment processing.\n\nThis stack is commonly deployed on Vercel (for the Next.js app) with\nSupabase cloud as the backend-as-a-service. Drizzle or Prisma ORM can\nlayer on top of the Supabase Postgres connection. Tailwind CSS and\nshadcn/ui are the predominant UI libraries. The combination lets a\nsmall team ship a production-ready SaaS with authentication, payments,\nand a relational database with minimal infrastructure overhead.\n",
    "composes": [
      "language:typescript",
      "framework:nextjs",
      "framework:react"
    ]
  },
  "outgoingEdges": [
    {
      "from": "stack-profile:nextjs-supabase-stripe",
      "to": "language:typescript",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:nextjs-supabase-stripe",
      "to": "framework:nextjs",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:nextjs-supabase-stripe",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:nextjs-supabase-stripe",
      "to": "role:fullstack-engineer",
      "kind": "used_by_role"
    },
    {
      "from": "stack-profile:nextjs-supabase-stripe",
      "to": "role:frontend-engineer",
      "kind": "used_by_role"
    },
    {
      "from": "stack-profile:nextjs-supabase-stripe",
      "to": "role:product-manager",
      "kind": "used_by_role"
    },
    {
      "from": "stack-profile:nextjs-supabase-stripe",
      "to": "domain:fullstack",
      "kind": "applies_to"
    },
    {
      "from": "stack-profile:nextjs-supabase-stripe",
      "to": "domain:web-development",
      "kind": "applies_to"
    },
    {
      "from": "stack-profile:nextjs-supabase-stripe",
      "to": "skill-area:server-side-rendering",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:nextjs-supabase-stripe",
      "to": "skill-area:payment-processing",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:nextjs-supabase-stripe",
      "to": "skill-area:authentication",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:nextjs-supabase-stripe",
      "to": "skill-area:react-components",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:nextjs-supabase-stripe",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    }
  ],
  "incomingEdges": []
}