┌─────────────────────────┐
                    │   Usuario (Browser)      │
                    └───────────┬─────────────┘
                                │ HTTPS
                    ┌───────────▼─────────────┐
                    │   Vercel Edge Network    │
                    │   (CDN + Serverless)     │
                    └───────────┬─────────────┘
                                │
              ┌─────────────────┼─────────────────┐
              │                 │                 │
   ┌──────────▼──────┐ ┌───────▼──────┐ ┌───────▼──────┐
   │  Next.js App    │ │  API Routes  │ │  Static      │
   │  (RSC + SSR)    │ │  /api/*      │ │  Assets      │
   └──────────┬──────┘ └───────┬──────┘ └──────────────┘
              │                │
   ┌──────────▼────────────────▼──────┐
   │           Supabase               │
   │  ┌──────────┐  ┌──────────────┐  │
   │  │ Auth     │  │ PostgreSQL   │  │
   │  └──────────┘  └──────────────┘  │
   │  ┌──────────┐  ┌──────────────┐  │
   │  │ Realtime │  │ Storage      │  │
   │  └──────────┘  └──────────────┘  │
   └──────────────────────────────────┘

taskflow-pro/
├── app/
│   ├── (auth)/
│   │   ├── login/page.tsx
│   │   ├── register/page.tsx
│   │   └── layout.tsx
│   ├── (dashboard)/
│   │   ├── dashboard/page.tsx
│   │   ├── projects/
│   │   │   ├── page.tsx
│   │   │   └── [id]/page.tsx
│   │   ├── tasks/page.tsx
│   │   ├── team/page.tsx
│   │   └── layout.tsx
│   ├── api/
│   │   ├── projects/route.ts
│   │   ├── tasks/route.ts
│   │   └── webhooks/lemon/route.ts
│   ├── layout.tsx
│   └── page.tsx
├── components/
│   ├── ui/              ← shadcn/ui components
│   ├── tasks/
│   │   ├── TaskCard.tsx
│   │   ├── TaskBoard.tsx
│   │   └── TaskForm.tsx
│   ├── projects/
│   │   ├── ProjectCard.tsx
│   │   └── ProjectSidebar.tsx
│   └── shared/
│       ├── Navbar.tsx
│       └── UserAvatar.tsx
├── lib/
│   ├── supabase/
│   │   ├── client.ts    ← browser client
│   │   └── server.ts    ← server client
│   ├── utils.ts
│   └── validations.ts
├── types/
│   └── database.ts      ← tipos generados por Supabase
├── middleware.ts         ← protección de rutas
└── supabase/
    └── migrations/      ← SQL migrations

-- Equipos / Organizations
create table teams (
  id          uuid primary key default gen_random_uuid(),
  name        text not null,
  slug        text unique not null,
  plan        text default 'free',   -- free | pro | enterprise
  created_at  timestamptz default now()
);

-- Miembros del equipo
create table team_members (
  id        uuid primary key default gen_random_uuid(),
  team_id   uuid references teams(id) on delete cascade,
  user_id   uuid references auth.users(id) on delete cascade,
  role      text default 'member',  -- owner | admin | member
  joined_at timestamptz default now(),
  unique(team_id, user_id)
);

-- Proyectos
create table projects (
  id          uuid primary key default gen_random_uuid(),
  team_id     uuid references teams(id) on delete cascade,
  name        text not null,
  description text,
  status      text default 'active', -- active | archived | completed
  color       text default '#3b82f6',
  created_at  timestamptz default now()
);

-- Tareas
create table tasks (
  id           uuid primary key default gen_random_uuid(),
  project_id   uuid references projects(id) on delete cascade,
  assigned_to  uuid references auth.users(id),
  title        text not null,
  description  text,
  status       text default 'todo',    -- todo | in_progress | review | done
  priority     text default 'medium',  -- low | medium | high | urgent
  due_date     date,
  created_at   timestamptz default now(),
  updated_at   timestamptz default now()
);

-- RLS Policies (Row Level Security)
alter table projects enable row level security;
create policy "Team members can view projects"
  on projects for select
  using (team_id in (
    select team_id from team_members where user_id = auth.uid()
  ));

Soy un dev senior. Configurá un proyecto Next.js 14 con TypeScript, Tailwind CSS y Supabase.
Incluí:
- /app/layout.tsx con ThemeProvider
- Supabase client para browser (lib/supabase/client.ts) y server (lib/supabase/server.ts)
- middleware.ts que protege /dashboard/* y redirige a /login si no hay sesión
- Variables de entorno en .env.local: NEXT_PUBLIC_SUPABASE_URL, NEXT_PUBLIC_SUPABASE_ANON_KEY
Usá el patrón oficial de Supabase para Next.js App Router con cookies.

Con Supabase + Next.js App Router, creá un componente TaskBoard.tsx que:
- Muestre tareas agrupadas por status (todo, in_progress, review, done)
- Permita drag & drop entre columnas (usá @hello-pangea/dnd)
- Al mover una tarjeta llame a Supabase para actualizar el status
- Suscriba a cambios en tiempo real con supabase.channel().on('postgres_changes')
- Optimistic update: actualice el UI antes de confirmar con el servidor

Implementá login con Google OAuth en Supabase + Next.js 14:
- Botón "Continuar con Google" en /login/page.tsx
- Handler en /auth/callback/route.ts que intercambia el code por session
- Después del login, crea automáticamente un team para el usuario si no tiene uno
- Redirigir a /dashboard
Usá supabase.auth.signInWithOAuth({ provider: 'google', options: { redirectTo } })

Creá /api/webhooks/lemon/route.ts que:
- Verifique la firma del webhook con HMAC SHA256
- Si event_type === 'order_created', active el plan pro del team en Supabase
- Actualice teams SET plan = 'pro' WHERE id = metadata.team_id
- Retorne 200 OK si todo salió bien, 400 si falló la verificación
Incluí el secret key desde process.env.LEMON_WEBHOOK_SECRET