Naar hoofdinhoud

AI-gestuurde ontwikkeling met Lovable & Antigravity

 ·  HV Software

Waarom AI-gestuurde ontwikkeling?

Het bouwen van een volledige applicatie met handmatige code kost tijd. Met de opkomst van AI-gestuurde ontwikkelplatforms zoals Lovable en AI-IDE's zoals Antigravity is het mogelijk om sneller te itereren. In dit project — een geautomatiseerde OpenAPI testomgeving — heb ik beide tools ingezet.

Lovable: Van idee naar werkende applicatie

Lovable genereert complete React/TypeScript applicaties uit natuurlijke taal. Ik beschreef wat ik nodig had en Lovable produceerde de frontend met bijbehorende backend-integraties via Supabase. Het grote voordeel: geen starter template, maar direct bruikbare code die je zelf verder kunt uitbrewen.

De integratie met Supabase (auth, database) werkt out-of-the-box. Voor een snelle MVP is dit ideaal.

Antigravity: AI-agent voor complexe taken

Antigravity (van Google) is een AI-IDE die zelfstandig taken kan uitvoeren. Waar Lovable snel prototypeert, is Antigravity sterker in het doorgronden van bestaande codebases en het genereren van tests.

Voor de OpenAPI testomgeving gebruikte ik Antigravity om:

  • Tests te genereren vanuit OpenAPI specificaties
  • Automatische test suites te bouwen
  • Code te refactoren en verbeteren

De combinatie

Lovable + Antigravity bleek een krachtige combinatie: Lovable voor snelle creatie en prototyping, Antigravity voor diepgang en testautomatisering. Lovable levert de frontend (openapi-company-frontend) en Antigravity bouwde de backend (openapi-manager-backend) met tests.

Kwaliteit behouden met infrastructuur principles

AI-tools zijn krachtig, maar zonder richtlijnen wordt de code snel inconsequent. Ik houd de kwaliteit door duidelijke infrastructure principles te verwachten:

  • AGENTS.md: Elke project heeft een AGENTS.md met coderegels, conventies en teststandaarden. AI-agents volgen deze consistent.
  • Statische analyse: PHPStan (level 6) en code style checks draaien bij elke wijziging.
  • Linting: Zowel code als configuratie wordt gelint.
  • Tests: Vitest draait met minstens 80% coverage voor nieuwe code.

Door deze principes itereren AI-tools sneller en maintains de kwaliteit.

Technische details

  • Frontend: React 18, Vite 5, TypeScript 5, Tailwind CSS + shadcn/ui
  • Backend: Supabase (Lovable Cloud), Vitest voor testing
  • AI-tools: Lovable voor generatie, Antigravity voor testautomatisering
Terug naar het overzicht