Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Specificatie naar een Werkende App | Het Plannen van het Zakelijke Dashboard
Introductie tot Claude Code

Specificatie naar een Werkende App

Veeg om het menu te tonen

Met de projectspecificatie afgerond, kan Claude Code beginnen met het bouwen van het dashboard. De prompt moet duidelijk de projectmap, het specificatiebestand, de vereiste technologieën en de taken die Claude moet uitvoeren identificeren.

In dit voorbeeld wordt Claude gevraagd om:

  • Het dashboard te bouwen met Next.js en Tailwind CSS;
  • Het ontwerp van de bestaande landingspagina te volgen;
  • Een nieuwe PostgreSQL-database aan te maken;
  • De leads- en campaigns-tabellen toe te voegen;
  • De database te vullen met voorbeeldleads;
  • De lokale omgeving te configureren;
  • De ontwikkelserver te starten;
  • Voltooide taken te markeren in spec.md.

Vervolgens werkt Claude de specificatie af, maakt de database aan, voegt voorbeeldgegevens toe, bouwt de applicatie en controleert de interface met behulp van screenshots. Zodra het proces is voltooid, wordt er een samenvatting van het werk en een lokale link om het dashboard te openen verstrekt.

Het voltooide dashboard bevat een inlogpagina, een activiteitenoverzicht, leadrecords, gedetailleerde leadpagina's en campagne-informatie. De voorbeeldgegevens maken het mogelijk om de interface te testen voordat er echte leads worden toegevoegd.

Na het beoordelen van het resultaat kun je Claude kleinere vervolgopdrachten geven. Je kunt bijvoorbeeld vragen om bewerkbare outreach-sjablonen toe te voegen voor verschillende campagnestadia. Deze aanpak is vaak effectiever dan proberen elk detail in de eerste prompt te beschrijven.

Begin met een duidelijke specificatie, laat Claude het hoofdgedeelte bouwen en verbeter de applicatie vervolgens door gerichte iteraties. Dit maakt grote ontwikkeltaken beter beheersbaar en helpt het project dichter bij een werkend eindproduct te brengen.

question mark

Wat moet je doen nadat Claude de initiële dashboardbouw heeft afgerond?

Selecteer het correcte antwoord

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 3. Hoofdstuk 2

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Specificatie naar een Werkende App

Met de projectspecificatie afgerond, kan Claude Code beginnen met het bouwen van het dashboard. De prompt moet duidelijk de projectmap, het specificatiebestand, de vereiste technologieën en de taken die Claude moet uitvoeren identificeren.

In dit voorbeeld wordt Claude gevraagd om:

  • Het dashboard te bouwen met Next.js en Tailwind CSS;
  • Het ontwerp van de bestaande landingspagina te volgen;
  • Een nieuwe PostgreSQL-database aan te maken;
  • De leads- en campaigns-tabellen toe te voegen;
  • De database te vullen met voorbeeldleads;
  • De lokale omgeving te configureren;
  • De ontwikkelserver te starten;
  • Voltooide taken te markeren in spec.md.

Vervolgens werkt Claude de specificatie af, maakt de database aan, voegt voorbeeldgegevens toe, bouwt de applicatie en controleert de interface met behulp van screenshots. Zodra het proces is voltooid, wordt er een samenvatting van het werk en een lokale link om het dashboard te openen verstrekt.

Het voltooide dashboard bevat een inlogpagina, een activiteitenoverzicht, leadrecords, gedetailleerde leadpagina's en campagne-informatie. De voorbeeldgegevens maken het mogelijk om de interface te testen voordat er echte leads worden toegevoegd.

Na het beoordelen van het resultaat kun je Claude kleinere vervolgopdrachten geven. Je kunt bijvoorbeeld vragen om bewerkbare outreach-sjablonen toe te voegen voor verschillende campagnestadia. Deze aanpak is vaak effectiever dan proberen elk detail in de eerste prompt te beschrijven.

Begin met een duidelijke specificatie, laat Claude het hoofdgedeelte bouwen en verbeter de applicatie vervolgens door gerichte iteraties. Dit maakt grote ontwikkeltaken beter beheersbaar en helpt het project dichter bij een werkend eindproduct te brengen.

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 3. Hoofdstuk 2
some-alt