Hoe publiceer je een app die je met AI hebt gebouwd?

De kortste weg om een app te publiceren die je met een AI-tool hebt gebouwd: bestel een Next.js-server bij Seturack, kopieer de rij Plak in je AI-tool van het tabblad Overzicht in je paneel en plak die in de codeertool waarin je project openstaat. De tool koppelt de code via GitHub aan de server, bouwt hem en geeft je een HTTPS-adres. Vanaf dan kan elke git push een nieuwe versie live zetten.

Welke tool het ook schreef, het resultaat is meestal een gewoon Next.js-, Vite-, Astro-, Node- of Python-project. Het addertje is dat AI-tools goed zijn in code aan de praat krijgen en minder zorgvuldig in wat productie nodig heeft, dus deze gids bevat een checklist.

Een gids voor jouw tool

Publiceren met de tekst die je plakt

1. Bestel een server via de pagina Next.js VPS. Deze optie wordt geleverd met het Coolify-paneel, dat niet tot Next.js beperkt is.
2. Open in je Seturack-paneel de server via Mijn servers en wacht tot de rij App op het tabblad Overzicht zegt dat hij klaar is.
3. Kopieer de rij Plak in je AI-tool. Die heeft dit patroon: Deploy this project to my Seturack server. Read and follow the instructions first: https://www.seturack.com/deploy.txt Panel: PANEL-ADDRESS API key: API-KEY
4. Open het project in een codeertool die opdrachten kan uitvoeren en plak de tekst.
5. De tool bekijkt het project, koppelt de repository, maakt de app aan en volgt de build. Hij vraagt je om ontbrekende waarden en goedkeuringen.
6. Open het HTTPS-adres dat hij je geeft en probeer de app zelf uit.

Bewaar de API-sleutel in die tekst even veilig als een wachtwoord. In onze tests werkten projecten met Next.js, TanStack Start, Vite (statisch), gewone HTML, Astro en Flask allemaal, en publicaties duurden 1 tot 6 minuten.

Wat controleer je voordat je live gaat?

De grep-opdrachten sluiten met een foutcode af als ze niets vinden, en dat is prima. Bestaat app of src niet, laat die naam dan weg.

De meest voorkomende fout bij met AI gebouwde apps is een modelsleutel die naar de browser lekt. In Next.js wordt een variabele die met NEXT_PUBLIC_ begint tijdens de build in de browsercode geschreven, zodat iedereen hem kan lezen. Geef modelsleutels of betaalsleutels nooit dat voorvoegsel. Heb je een sleutel al gepusht, dan is verwijderen niet genoeg: trek hem in bij de aanbieder en maak een nieuwe aan.

Hoe zet je de code op GitHub?

De server publiceert vanuit een Git-repository. Heb je er geen, dan maakt je codeertool een privérepository aan zodra jij toestemming geeft. Wil je het zelf doen, zorg dan dat .gitignore een regel voor .env bevat en voer dit uit in de projectmap. De opdrachtregeltool gh maakt de repository aan en pusht de code:

git init

git add .

git commit -m "first version"

gh repo create project-name --private --source . --push

Met de hand publiceren in het paneel

Hetzelfde werk kun je in Coolify doen zonder codeertool. Je hebt root-toegang en je kunt alles vanuit het paneel beheren als je dat liever hebt. Het adres en het wachtwoord staan op het tabblad Overzicht. Onze Next.js-gids behandelt privérepositories, webhooks en domeinen. Voor andere projecten veranderen een paar velden. We probeerden deze instellingen op een echte server met de voorbeeldprojecten van Coolify:

Waar kijk je naar na de livegang?

• Controleer of elk endpoint aan de serverkant de sessie verifieert. AI-tools beschermen vaak de interface en vergeten de API-route erachter.
• Begrens het aantal verzoeken van elk endpoint dat een model aanroept, anders kunnen vreemden je rekening laten oplopen.
• Lees op de eerste dag een paar keer de pagina Logs van de app in Coolify.
• Test je back-ups. Zolang je er geen hebt hersteld, weet je niet echt dat je er een hebt.

Veelgestelde vragen

Hoe krachtig moet de server zijn?

De verkooppagina raadt minimaal 4 GB RAM, 2 vCores en 40 GB schijf aan. Een klein Next.js-project werd gebouwd op 2 GB, terwijl een project met 85 pakketten bij 2 GB zonder geheugen kwam te zitten en bij 4 GB wel werd gebouwd. Mislukt een build, schaal dan op vanuit je paneel. Het IP en de gegevens blijven hetzelfde.

Wat kost het per maand?

Die grootte kost ongeveer $6 per maand (inclusief btw), en buiten Turkije betaal je in Amerikaanse dollars. Dagelijkse back-ups zijn bij de prijs inbegrepen en het verkeer is onbeperkt. In dit artikel vergelijken we dit met hosting die op gebruik wordt gefactureerd.

Hoe koppel ik mijn domein?

Laat een A-record naar het IP-adres van de server wijzen en vertel daarna de tool het domein, of voeg het toe op de pagina Domains in Coolify. Het certificaat wordt automatisch uitgegeven en de server staat in Istanbul. Ons helpartikel behandelt het record.

Hoe werk ik de app bij na de livegang?

Vraag de tool om bij elke push te publiceren, of stel de webhook met de hand in. Dan bouwt en publiceert git push elke nieuwe versie. Zonder webhook druk je in Coolify op Redeploy.

Waar hoort de database te staan?

Laat gebruikersgegevens niet in de container staan. Maak PostgreSQL aan in hetzelfde paneel: het blijft buiten het openbare internet en het adres komt in een variabele zoals DATABASE_URL. Koppel bij SQLite de map met Persistent Storage. Gebruikt het project Supabase, bekijk dan Supabase VPS.

Kant-en-klaar bij Seturack: Next.js, Coolify.