Tutorials
- Aan de slag
- First Project
- Webapplicaties
- Mobiele applicaties
- React Native App
- SaaS Platform
- E-commerce Platform
- Real-Time Dashboard
- Location-Based App
- Mobile E-commerce
- Optimizing Sales
- Publishing Your App
- Acceptance Criteria
- Template Business
- Watching Virtuoso
Dit ga je leren:
- Hoe Conductor je vereisten analyseert
- Hoe Virtuoso je applicatie bouwt
- De dual-agent samenwerkingsworkflow
- Basis projectopzet en configuratie
Je eerste project met Conductor & Virtuoso
Maak je eerste applicatie en begrijp de dual-agent workflow
Welkom bij ZBuild Studio! In deze tutorial maak je je eerste applicatie met ons unieke dual-agent systeem. In tegenstelling tot traditionele AI-coderingstools gebruikt ZBuild twee gespecialiseerde agents die samenwerken: Conductor (je AI Product Manager) en Virtuoso (je AI Full-Stack Engineer).
Aan het einde van deze tutorial heb je een volledig functionele applicatie die op het web is geïmplementeerd.
Vereisten
- Een ZBuild Studio-account (Lite- of Pro-abonnement)
- Basisbegrip van wat je wilt bouwen
- 10-15 minuten van je tijd
Stap 1: Start een nieuw project
Log in bij ZBuild Studio en klik op de knop 'New Project'. Je wordt begroet door Conductor, klaar om je visie te begrijpen.
- Navigeer naar studio.zbuild.io en log in
- Klik op 'New Project' in het dashboard
- Kies 'Start from Scratch' of selecteer een sjabloon
Stap 2: Beschrijf je applicatie
Vertel Conductor wat je wilt bouwen. Wees zo specifiek mogelijk - hoe meer details je geeft, hoe beter het resultaat.
Ik wil een eenvoudige taakbeheer-app bouwen.
- Gebruikers kunnen taken toevoegen, bewerken en verwijderen
- Taken hebben een titel, beschrijving en vervaldatum
- Taken kunnen als voltooid worden gemarkeerd
- Strak, modern UI-ontwerpPro Tip Vermeld specifieke functies, gebruikersrollen en eventuele ontwerpvoorkeuren. Conductor stelt indien nodig verduidelijkende vragen.
Stap 3: Beoordeel het uitvoeringsplan
Conductor analyseert je vereisten en maakt een gestructureerd uitvoeringsplan met acceptatiecriteria voor elke taak.
Neem de tijd om het plan te beoordelen. Je kunt Conductor vragen het aan te passen voordat Virtuoso begint met bouwen.
Taakverdeling
Je project is verdeeld in beheersbare implementatietaken
Acceptatiecriteria
Elke taak heeft duidelijke, verifieerbare succescriteria
Afhankelijkheden in kaart brengen
Taken zijn geordend op basis van technische afhankelijkheden
Tijdsinschattingen
Geschat creditverbruik voor elke taak
Stap 4: Kijk hoe Virtuoso bouwt
Zodra je het plan goedkeurt, neemt Virtuoso het over. Kijk hoe echte code wordt geschreven, getest en uitgevoerd in Docker-containers.
- Klik op 'Start Building' om de uitvoering te starten
- Bekijk de live codeweergave terwijl Virtuoso code schrijft
- Houd de console in de gaten voor build- en testoutput
- Zie hoe acceptatiecriteria worden afgevinkt zodra ze slagen
Virtuoso detecteert en herstelt automatisch fouten. De meeste problemen worden binnen 2-3 iteraties opgelost.
Stap 5: Testen en implementeren
Zodra alle acceptatiecriteria zijn behaald, is je applicatie klaar voor implementatie.
- Bekijk een voorbeeld van je applicatie in de ingebouwde viewer
- Maak eventuele laatste aanpassingen door met Conductor te chatten
- Klik op 'Deploy' om te publiceren naar het wereldwijde netwerk van Cloudflare
- Ontvang je publieke URL met automatische SSL
Wat je hebt geleerd
Gefeliciteerd! Je hebt met succes je eerste applicatie gemaakt met ZBuild Studio.
- Hoe je je project beschrijft aan Conductor
- Hoe je uitvoeringsplannen beoordeelt en goedkeurt
- Hoe je het bouwproces van Virtuoso monitort
- Hoe je je applicatie implementeert in productie
Volgende stappen
Acceptatiecriteria begrijpen
Diepe duik in hoe Conductor verifieerbare deliverables maakt
Kijken hoe Virtuoso bouwt
Leer hoe je de AI-engineer kunt monitoren en ermee kunt communiceren
Klaar om je volgende project te bouwen?
Nu je de basis begrijpt, kun je proberen iets complexers te bouwen!