Tutorials

Beginner

15 minuten

Wat je gaat leren

  • Conductor + Virtuoso workflow
  • Effectieve prompts schrijven
  • Echte Docker-uitvoering
  • Implementatie met één klik
  • Publiceren naar de marketplace

Bouw je eerste app met Nxcode

Maak een productieklare taakbeheerder in 15 minuten

In deze praktische tutorial bouw je vanaf nul een volledige taakbeheer-app. In tegenstelling tot andere AI-tools die alleen code genereren, zie je hoe je app daadwerkelijk wordt gebouwd, getest en geïmplementeerd in echte Docker-containers.

Wat we gaan bouwen

Een productieklare taakbeheerder met gebruikersauthenticatie, CRUD-bewerkingen, categorieën, prioriteiten en een dashboard - allemaal geïmplementeerd op het wereldwijde edge-netwerk.

Vereisten

  • Nxcode-account (Lite $5/mnd of Pro $20/mnd)
  • Een basisidee van wat je wilt bouwen
  • Geen programmeerervaring vereist

Stap 1: Start een nieuw project

  1. Log in op studio.zbuild.io
  2. Klik op "Nieuw project" op je dashboard
  3. Geef je project een naam: "Taakbeheerder"
  4. Je komt in de Studio waar Conductor op je instructies wacht

Stap 2: Beschrijf je app aan Conductor

Conductor is je AI-productmanager. Beschrijf wat je wilt in natuurlijke taal:

Bouw een taakbeheer-app met:
- Gebruikersregistratie/login met e-mail
- Taken aanmaken, bewerken, verwijderen
- Taakprioriteiten (hoog, gemiddeld, laag)
- Categorieën met aangepaste kleuren
- Dashboard met taakstatistieken
- Strak, modern ontwerp met dark mode

Tips voor betere resultaten

  • Wees specifiek over de functies die je nodig hebt
  • Vermeld ontwerpvoorkeuren
  • Maak je geen zorgen over technische details - Conductor regelt dat

Stap 3: Beoordeel het plan van Conductor

Conductor analyseert je verzoek en maakt een gedetailleerd plan:

Taakbeheerder - Uitvoeringsplan

  • 1Next.js project opzetten met TypeScript
  • 2Gebruikersauthenticatie implementeren met JWT
  • 3Taak CRUD API-endpoints maken
  • 4Categoriebeheersysteem bouwen
  • 5Responsieve dashboard-UI ontwerpen
  • 6Dark mode-schakelaar toevoegen
  • 7Cloudflare-implementatie configureren

Elke taak heeft specifieke acceptatiecriteria die moeten worden behaald voordat we verder gaan.

C

Conductor

Ik ga je taakbeheerder bouwen. Een paar vragen: 1. Moeten taken vervaldatums met herinneringen hebben? 2. Wil je subtaken/checklists? 3. Zijn er integraties met derden nodig (agenda, etc.)?

U

User

Ja voor vervaldatums met herinneringen. Sla subtaken voor nu over. Geen integraties nodig.

C

Conductor

Perfect! Ik heb 8 taken gemaakt met duidelijke acceptatiecriteria. Virtuoso zal deze nu uitvoeren in Docker. Laten we beginnen!

Stap 4: Kijk hoe Virtuoso bouwt in Docker

Dit is waar Nxcode verschilt van andere tools. Virtuoso genereert niet alleen code - het voert het uit in echte Docker-containers:

1Container-configuratie

Geïsoleerde Docker-omgeving klaargezet

2Codegeneratie

Virtuoso schrijft de code voor elke taak

3npm install

Afhankelijkheden daadwerkelijk geïnstalleerd

4npm build

TypeScript compileert, bundel gemaakt

5npm test

Tests worden daadwerkelijk uitgevoerd en moeten slagen

6Auto-Fix

Als er fouten optreden, herstelt Virtuoso deze (tot 3x)

Projectopzet
Authenticatiesysteem
Taak-API
Dashboard-UI (75%)
Dark mode
Implementatie

In tegenstelling tot browser-sandbox-tools is dit ECHTE uitvoering. Bouwfouten worden automatisch opgemerkt en hersteld.

Stap 5: Bekijk je draaiende app

Naarmate taken worden voltooid, kun je je app live zien draaien:

Live voorbeeld

Je app draait in realtime - test functies terwijl ze worden gebouwd

Codeverkenner

Blader door schone, goed gestructureerde code - deze is van jou om te houden

Wijzigingen aanvragen

Chat op elk moment met Conductor om functies aan te passen

Acceptatieverificatie

Elke taak wordt geverifieerd voordat we verder gaan

Stap 6: Implementatie met één klik

Wanneer alle taken zijn geslaagd, implementeer je naar de wereld:

  1. Klik op de knop "Deploy"
  2. App wordt gebouwd voor productie
  3. Wordt geïmplementeerd op de wereldwijde edge van Cloudflare
  4. Je krijgt een openbare URL met HTTPS

Je app is live!

  • Wereldwijde CDN - overal snel
  • Automatisch SSL-certificaat
  • Ondersteuning voor eigen domeinen
  • Geen serverbeheer nodig

Stap 7: Publiceren naar de Creator Economy (optioneel)

Maak van je app een bedrijf:

1

Publiceren

Vermeld op de Nxcode marketplace

2

Prijs instellen

Gratis, abonnement of eenmalig

3

Verdienen

Behoud 70% van alle inkomsten

Stel je voor: gebruikers betalen $5/maand voor je taakbeheerder. Met 100 gebruikers verdien je passief $350/maand.

Wat je hebt geleerd

  • Hoe Conductor plant en Virtuoso uitvoert
  • Echte Docker-uitvoering versus browser-sandboxes
  • Ontwikkeling op basis van acceptatiecriteria
  • Wereldwijde implementatie met één klik
  • Creator Economy-monetisatie

Je app is niet alleen "gegenereerd" - hij is gebouwd, getest en geverifieerd in een echte uitvoeringsomgeving. Dat is het verschil van Nxcode.

Volgende stappen

Bouw een webapplicatie

Maak een complexere SaaS-applicatie

Bouw een webapplicatie

Kernconcepten

Diepe duik in hoe Nxcode werkt

Kernconcepten

Creator Economy

Leer hoe je geld kunt verdienen met je apps

Creator Economy

Klaar om te bouwen?

Begin nu met het bouwen van je productieklare app.