Claude Code tip: bouw een AI-advertentiestrategie tool terwijl Big Tech miljarden verbrandt

Nieuws van donderdag 30 april 2026

Vandag veel grote bedrijfscijfers en een paar opvallende verhalen. Hier de highlights die relevant zijn als je SaaS bouwt:

Anthropic kan een nieuwe ronde ophalen van 50 miljard dollar tegen een waardering van 850 tot 900 miljard dollar (TechCrunch). Dat is het bedrijf achter Claude, jouw bouwpartner. Goed teken: de tool die jij gebruikt om SaaS te bouwen is niet aan het wegkwijnen. Integendeel.

Meta verloor 20 miljoen gebruikers in het laatste kwartaal (The Verge) maar blijft miljarden investeren in AI. Tegelijkertijd zegt Meta dat hun zakelijke AI-tools inmiddels 10 miljoen gesprekken per week faciliteren (TechCrunch). De platforms verliezen gebruikers, maar de tools worden winstgevender. Interessante splitsing.

X lanceert een volledig nieuw AI-aangedreven advertentieplatform (TechCrunch). Als je adverteert op X: verwacht een andere interface en andere targetinglogica. Als je een SaaS bouwt rondom advertentiebeheer, is dit een moment om de API-docs van X er nog eens bij te pakken.

OpenAI verklaart het goblin-mysterie (OpenAI Blog). GPT-5 ontwikkelde een vreemde gewoonte om over goblins, orks en rakkoons te praten. OpenAI legt nu uit hoe dat er in geslopen is via personality-training feedback loops. Leuk weetje, maar ook een serieus signaal: grote modellen kunnen onverwacht gedrag vertonen dat niemand heeft geprogrammeerd. Iets om rekening mee te houden als je AI in je eigen SaaS verwerkt.

Google Cloud passeert voor het eerst de 20 miljard dollar per kwartaal (TechCrunch), maar zegt dat ze nog sneller hadden kunnen groeien als er meer capaciteit was. De vraag naar cloud-AI overtreft het aanbod. Praktisch gevolg: als je op Google Cloud bouwt, kan latency een issue worden.

Claude Code tip van de dag: bouw een strategie-tracker voor je SaaS in 4 stappen

Vandaag een concrete workflow. We bouwen een simpele strategie-tracker: een interne tool waarmee jij (of je klanten) AI-advertentie-experimenten kunnen bijhouden. Denk aan: welke campagnes lopen, wat de hypothese was, wat het resultaat is.

Dit is het type tool dat je normaal in een spreadsheet zou bijhouden. Maar met Claude Code bouw je het in een middag als een echte SaaS, met een database, authenticatie en een nette UI.

Stap 1: geef Claude Code de juiste context

Open Claude Code in je terminal in een lege projectmap. Begin niet met "maak een app". Begin met context geven:

Ik bouw een interne strategie-tracker voor marketingexperimenten.
Gebruikers kunnen:
- Nieuwe experimenten aanmaken (naam, hypothese, startdatum, platform)
- Status bijwerken (lopend / afgerond / gepauzeerd)
- Resultaten en learnings toevoegen
- Een overzicht zien van alle experimenten gefilterd op status

Gebruik Next.js 14 met App Router, Supabase voor de database en auth,
en Tailwind CSS voor de styling. Maak het zo simpel mogelijk.
Begin met het opzetten van de projectstructuur en de Supabase tabellen.

Claude Code gaat nu een logische structuur voorstellen. Laat het die aanmaken. Ga niet zelf beginnen met klikken of typen.

Stap 2: laat Claude Code de database aanmaken

Na de projectstructuur vraag je Claude Code om het SQL-schema te maken voor Supabase:

Maak het SQL-schema voor de experimenten-tabel in Supabase.
Voeg ook Row Level Security toe zodat gebruikers alleen
hun eigen experimenten kunnen zien.

Je krijgt zoiets terug:

create table experiments (
  id uuid default gen_random_uuid() primary key,
  user_id uuid references auth.users not null,
  name text not null,
  hypothesis text,
  platform text,
  status text default 'lopend' check (status in ('lopend', 'afgerond', 'gepauzeerd')),
  result text,
  learning text,
  start_date date,
  created_at timestamptz default now()
);

alter table experiments enable row level security;

create policy "Gebruikers zien alleen eigen experimenten"
  on experiments for all
  using (auth.uid() = user_id);

Kopieer dit naar je Supabase SQL Editor en voer het uit. Klaar.

Stap 3: de UI en logica in één prompt

Nu de database staat, vraag je Claude Code om de pagina's te bouwen:

Bouw nu de volgende pagina's in Next.js:
1. /dashboard - overzicht van alle experimenten met filteroptie op status
2. /experimenten/nieuw - formulier om een nieuw experiment aan te maken
3. /experimenten/[id] - detailpagina met bewerkopties

Gebruik Supabase client-side voor de data-fetching.
Maak de UI clean en functioneel met Tailwind.
Voeg een eenvoudige navigatiebalk toe.

Hier is een voorbeeld van hoe de dashboard-component er na Claude Code uit kan zien:

// app/dashboard/page.tsx
import { createClient } from '@/utils/supabase/server'

export default async function Dashboard() {
  const supabase = createClient()
  const { data: experimenten } = await supabase
    .from('experiments')
    .select('*')
    .order('created_at', { ascending: false })

  const statussen = ['alle', 'lopend', 'afgerond', 'gepauzeerd']

  return (
    <div className="max-w-4xl mx-auto px-4 py-8">
      <div className="flex justify-between items-center mb-6">
        <h1 className="text-2xl font-bold">Experimenten</h1>
        <a
          href="/experimenten/nieuw"
          className="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700"
        >
          + Nieuw experiment
        </a>
      </div>

      <div className="space-y-3">
        {experimenten?.map((exp) => (
          <a
            key={exp.id}
            href={`/experimenten/${exp.id}`}
            className="block p-4 border rounded-lg hover:bg-gray-50"
          >
            <div className="flex justify-between">
              <span className="font-medium">{exp.name}</span>
              <span className={`text-sm px-2 py-1 rounded ${
                exp.status === 'lopend' ? 'bg-green-100 text-green-700' :
                exp.status === 'afgerond' ? 'bg-gray-100 text-gray-600' :
                'bg-yellow-100 text-yellow-700'
              }`}>
                {exp.status}
              </span>
            </div>
            <p className="text-sm text-gray-500 mt-1">{exp.platform} · {exp.start_date}</p>
          </a>
        ))}
      </div>
    </div>
  )
}

Claude Code schrijft dit soort componenten voor je. Jij hoeft alleen te controleren of het klopt met wat je wil.

Stap 4: deployen naar Vercel

Als alles lokaal werkt, vraag je Claude Code om je klaar te maken voor deployment:

Wat moet ik instellen in Vercel voor dit project?
Geef me een checklist met de environment variables die ik nodig heb
en controleer of er nog iets mist in de configuratie.

Claude Code geeft je dan een lijst als:

# Environment variables voor Vercel:
NEXT_PUBLIC_SUPABASE_URL=jouw-supabase-url
NEXT_PUBLIC_SUPABASE_ANON_KEY=jouw-anon-key
SUPABASE_SERVICE_ROLE_KEY=jouw-service-role-key

Zet die in je Vercel project settings, klik op deploy, en je tracker is live.

Waarom dit werkt

De sleutel van deze aanpak is dat je Claude Code context geeft voor context, niet alles in één keer. Stap 1 gaat over structuur, stap 2 over de database, stap 3 over de UI. Elke keer dat je een nieuwe prompt schrijft, bouw je voort op wat al staat.

Dit geeft Claude Code de ruimte om consistent te blijven en maakt het makkelijker om fouten te spotten: als iets in stap 2 al niet klopt, herstel je dat voordat je aan stap 3 begint.

Voor een niet-developer is dit de meest betrouwbare manier om een werkende SaaS te bouwen zonder in de war te raken.