App maken met Codex: gids voor beginners

Kun je een mobiele app maken met Codex?

Ja. Codex, de programmeeragent van OpenAI, kan je helpen een app te bouwen: hij leest je project, past bestanden aan en voert commando's uit. Voor een iPhone-app kun je hem gebruiken in een React Native- en Expo-project en het resultaat daarna op je telefoon testen.

Codex werkt aan de code. Hoe het eruitziet op je iPhone, het builden van een distribueerbare versie en het indienen bij Apple zijn stappen die je apart moet controleren. Deze gids geeft je een eerste route met één simpele functie, voordat je accounts of betalingen toevoegt.

1. Bedenk een idee dat klein genoeg is om mee te beginnen

Schrijf drie regels op voordat je ook maar iets installeert:

• De gebruiker: voor wie de app iets oplost.
• De actie: wat die gebruiker in de eerste versie moet kunnen doen.
• De controle: hoe je weet dat die actie werkt.

Fictief voorbeeld in deze gids: een wandelaar zet de spullen uit zijn rugzak in een lijst en vinkt ze af. De eerste versie heeft geen kaart en geen sociaal netwerk.

Lijkt je omschrijving nog op "een supertoffe app met AI"? Dan geeft de gids om een app-idee te vinden je een concreter startpunt. Daarna kun je het programma van eisen van één pagina gebruiken.

2. Maak het mobiele project aan en toon een eerste scherm

Voor deze route heb je Node.js nodig in de versie die Expo aanraadt, een code-editor en een testomgeving. Volg de officiële procedure om een Expo-project aan te maken: daar staan het actuele commando en de aandachtspunten voor compatibiliteit met Expo Go.

Open het startproject voordat je Codex om een functie vraagt. Start het lege project niet op, dan wordt het lastig om later te weten of een fout uit de installatie komt of uit de gegenereerde code.

Met Expo Go kun je functies testen die compatibel zijn met die omgeving. Voeg je native code toe die daar niet in zit, dan heb je misschien een andere testomgeving nodig. Die code gaat bij het uploaden ook door een controle van Apple, zoals ITMS-90338 voor niet-openbare API's. Verwar deze preview niet met de definitieve versie voor de App Store. De route React Native en Expo legt uit welke rol deze tools spelen.

3. Geef Codex de juiste map

Kies de omgeving die bij je past: desktop-app, terminal of editor-extensie. De officiële quickstart van OpenAI beschrijft de beschikbare opties en hoe je inlogt.

Open in de desktop-app de map van je app en selecteer Codex voor het ontwikkelwerk. In de terminal installeer je eerst de CLI volgens de officiële documentatie. Ga daarna naar diezelfde map voordat je de agent start:

cd mon-app
codex

mon-app staat hier voor de naam van je map. Controleer die, in plaats van het commando in een willekeurige map te plakken. Geef niet je hele computer vrij als de projectmap genoeg is.

Je eerste verzoek kan alleen-lezen blijven:

Lees dit project zonder bestanden aan te passen.
Leg me uit waar de schermen, de
navigatie en de data staan.
Geef aan welke commando's er zijn om
de app te starten en te controleren.
Ik ben beginner: leg de technische termen
uit die je gebruikt.

4. Bouw één functie en bekijk het resultaat

Vraag om een beperkte wijziging:

Voeg een scherm toe om een wandelrugzak
in te pakken.
De gebruiker kan de naam van een
item invoeren, het aan een lijst toevoegen en afvinken.
Volg de conventies van het project en
gebruik lokale data.
Maak geen account, server of
betaling aan.
Leg eerst het plan uit en geef daarna een lijst van
de gewijzigde bestanden.
Controleer het project met de bestaande
commando's.
Geef me de acties die ik op mijn
telefoon moet testen.

Bekijk na de wijziging de aangepaste bestanden en open de app. Vraag om uitleg als je niet snapt waarom de agent een service heeft toegevoegd of een groot deel van het project heeft vervangen.

Test het toevoegen van een item, een lege invoer, het afvinken en het openen van het toetsenbord. Op een klein scherm moet de knop bereikbaar blijven. Een geslaagd technisch commando bewijst op zichzelf niet dat deze flow bruikbaar is.

5. Corrigeer met precieze observaties

"Het werkt niet" laat te veel mogelijkheden open. Beschrijf de actie, het verwachte resultaat en wat er echt gebeurde:

Op mijn iPhone voeg ik "drinkfles" toe en daarna
sluit ik de app en open ik hem opnieuw.
De lijst is weer leeg. Ik wil de items
bewaren tussen twee keer openen.
Stel de eenvoudigste oplossing voor in
dit project voor.
Geef aan hoe ik het opslaan en
het verwijderen van een item kan controleren.

Voeg de screenshot of foutmelding toe die helpt, zonder privégegevens of geheime sleutels. Mislukken meerdere fixes? Vraag Codex dan eerst de waargenomen oorzaak uit te leggen voordat je opnieuw begint. Bewaar een werkende versie, zodat je terug kunt.

6. Van prototype naar een distribueerbare app

Zodra de hoofdfunctie bruikbaar is, hangen de volgende keuzes af van wat je nodig hebt: lokale of gesynchroniseerde data, verplicht of optioneel inloggen, gratis versie of abonnement.

Elke toevoeging betekent een nieuwe controle. Bij een account moet je testen of elke gebruiker alleen bij zijn eigen data kan. Bij een abonnement test je de aankoop, het herstellen en de toegang na het verlopen. Bij een functie met een betaalde API moet je begrijpen waar de aanroep draait en wie voor het gebruik betaalt.

Lees de valkuilen van een iOS-app gemaakt met AI voordat je aan deze stappen begint. Om een testversie te verspreiden, gebruik je de TestFlight-gids. Voor de publicatie volg je de App Store-route.

Veelgestelde vragen

Voegt Codex automatisch AI toe aan mijn app?

Nee. AI gebruiken om code te schrijven betekent niet dat de uiteindelijke app een chatbot bevat of een model aanroept. Ons voorbeeld kan werken met een lokale lijst, zonder AI in het product.

Kun je beginnen zonder abonnement op alle tools?

Controleer de toegang en limieten van je account in de huidige abonnementen van OpenAI. Begin met één functie voordat je meer services toevoegt. De gids gratis een app maken maakt onderscheid tussen het prototype en de publicatiekosten.

Codex of Claude Code om mee te beginnen?

Vergelijk welke route je echt kunt volgen, in plaats van een belofte over snelheid. De vergelijking tussen Codex en Claude Code geeft je een gezamenlijke oefening om te kiezen.

Wil je weten wat je hierna gaat bouwen?

De gratis diagnose helpt je te bepalen waar je project staat en welke stap je nu zet, en daarna krijg je mijn checklist tegen afwijzingen door Apple. De iOS Kit geeft je de startcode van mijn apps en een route in vier stappen, van idee tot App Store. Voor de complete methode bekijk je het opleidingstraject voor het maken van iOS-apps. Bouw je met AI? Dan volgt de pagina vibe coding-opleiding dezelfde route.