Verbinden: geef een site die je in een AI-tool hebt gebouwd een echt adres

Een site die een AI-tool heeft gebouwd, staat op je computer (een map, of een voorbeeldlink die alleen werkt zolang de tool open is). Publiceren kopieert de bestanden naar de hosting van aiKit en geeft ze een gewoon https-adres dat online blijft, of je computer nu aan staat of niet, op elk apparaat, niet gekoppeld aan je verbinding, en zonder iets te installeren. Elke latere wijziging is een versie die je ongedaan kunt maken; je eigen domein kun je toevoegen wanneer je er klaar voor bent.

Daarna zijn er twee manieren om door te werken, en de regel is: gebruik beide, wanneer je maar wilt — geen van beide hoeft te stoppen of te wachten op de ander. Manier 1, blijf bouwen in de tool: Claude, Claude Code, ChatGPT of Cursor stuurt alleen de gewijzigde bestanden via de connector en aiKit maakt een nieuwe versie; op een live site wacht die als concept tot je het op aiKit publiceert (of de tool roept publish_changes aan, wat eerst dezelfde automatische controles uitvoert); het beste terwijl de site nog vorm krijgt of voor een grote herontwerp. Manier 2, werk direct in aiKit: de chat van de Assistent, pins op de echte pagina, kitpagina's die echte leads versturen, Brief & regels en versies; het beste voor het dagelijkse werk — tekst, openingstijden, prijzen, een nieuwe pagina, alles wat een klant vraagt, op het moment dat hij het vraagt. Elke wijziging van beide kanten wordt een eigen versie die je ongedaan kunt maken, dus er gaat niets stilzwijgend verloren; het ene randgeval om te weten is dat als precies hetzelfde bestand bijna tegelijk aan beide kanten wordt gewijzigd, de opslag die als laatste binnenkomt live blijft voor dat bestand, terwijl de andere in Versies staat, met één klik te herstellen. Een zip- of GitHub-project krijgt meteen Manier 2; een tool achteraf verbinden voegt Manier 1 eraan toe en stuurt updates naar hetzelfde project.

In de Claude-desktopapp (die met een tabblad Home en een tabblad Code) is de aiKit-connector één schakelaar voor de hele app, niet één per tabblad: zet hem één keer aan via het menu "+" → Connectors op een van beide tabbladen en hij werkt in beide, ook in Claude Code. Er is geen aparte installatiestap voor Code — plak de prompt direct in het tabblad waarin je al werkt.

Sites die gemaakt zijn in Claude, ChatGPT, Cursor, Lovable, Bolt of v0 blijven op je laptop staan totdat ze gehost worden. De pagina Verbinden ("Verbinden" in de navigatie van gehoste projecten) zet ze op aiKit, zodat ze een link krijgen die werkt als je laptop dicht is, plus de Assistent-chat, versiegeschiedenis, pins en een privépagina met leads. Bovenaan de pagina staan eerst de belangrijkste kosten, vóór de installatie: hosting is 90 dagen gratis op een aiKit-adres met een klein label; online blijven en een eigen domein horen bij een betaald abonnement; AI-bewerkingen worden verrekend vanaf een startsaldo aan gratis tokens, de assistent toont het saldo en stopt bij nul, en de reden wordt uitgelegd: AI kost echt geld per bewerking, hosting niet.

Stap 1 is kiezen welke tool je hebt gebruikt: Claude (app of claude.ai, het makkelijkst, één adres geplakt als connector), Claude Code (één terminalopdracht), ChatGPT (een connector in ontwikkelaarsmodus), Cursor / Windsurf / VS Code (een klein instellingenbestand) of iets anders (exporteer een zip of GitHub-link en upload die). De rest van de pagina past zich aan op je keuze aan.

Voor elke tool behalve de exportroute maakt Stap 2 een sleutel, en de pagina legt die uit in drie regels: wat de sleutel is (een lang wachtwoord waarmee één AI-tool namens jou kan handelen in aiKit: projecten maken, bestanden uploaden, sites bijwerken die je al ziet, verder niets), wat er gebeurt als hij wordt gebruikt (de tool stuurt de bestanden die hij heeft geschreven mee met de sleutel; aiKit controleert hem en maakt het project aan in jouw account), en dat hij privé moet blijven (één sleutel per tool, hier intrekken als een laptop kwijt is, eenmaal getoond). Het label is standaard de naam van de tool.

Stap 3 is de genummerde, toolspecifieke installatie, met elk adres en elke opdracht al ingevuld met je nieuwe sleutel en een knop Kopiëren: Instellingen → Connectors → Aangepaste connector toevoegen van Claude met het aiKit-adres; de ene claude mcp add-opdracht voor Claude Code; Instellingen → Connectors → Geavanceerd → Ontwikkelaarsmodus → Maken met "Geen authenticatie" van ChatGPT (de sleutel zit in het adres); het mcp.json-fragment voor editors; of, voor de exportroute, het pad Nieuw project → Gedetailleerde installatie → Bestanden uit een andere AI-tool meenemen met een zip (tot 300 MB) of een openbare GitHub-link.

De prompt is een volledige specificatie, hetzelfde voor elke tool (11-09-2026): de exacte mapstructuur die aiKit host (index.html in de hoofdmap, één pagina per .html-bestand of map, styles.css, een map assets/, alleen relatieve paden, niets dat een buildstap nodig heeft, geen geheimen, groottelimieten), wat elke pagina moet bevatten (titel, beschrijving, viewport-tag, dezelfde koptekst en voettekst, alt-tekst, een indeling voor smartphonebreedte), hoe formulieren gebouwd moeten worden (gewone HTML met action="#", omdat aiKit ze na het uploaden koppelt aan het eigen offerte-, contact- en boekingssysteem), een regel tegen verzonnen feiten, met in plaats daarvan [PLACEHOLDER]-markeringen, en een checklist van vijf punten die de tool uitvoert voordat hij het overdraagt. Kopieer hem met de knop en plak hem aan het begin van de chat waar je bouwt, voordat je de site beschrijft.

Wat er met een export gebeurt: een zip of openbare GitHub-repository die al index.html in de hoofdmap heeft en geen framework gebruikt, wordt precies zo gehost als geëxporteerd. aiKit pakt hem uit, verwijdert node_modules, buildoutput en geheime bestanden, controleert of elke interne link en elk asset-pad werkt (hoofdlettergevoelig, zoals de server het ziet), schrijft PLAN.md op basis van de gevonden pagina's, voegt een favicon toe als die ontbreekt en het script voor de bewerkingseditor van de live site, en markeert het project binnen enkele seconden als Klaar, zonder AI-ronde en zonder wijzigingen in je ontwerp of tekst. Alleen een export die als hij zo is niet te publiceren is (geen index.html in de hoofdmap, een frameworkproject of gebroken paden) krijgt een lichte AI-ronde, die alleen de paden moet repareren. Het buildlogboek op de projectpagina laat zien welke van de twee er is gebeurd.

Publiceren vanuit Claude Code, Claude, Cursor of ChatGPT via de connector slaat de exportstap over: publish_site stuurt de bestanden direct door en het project verschijnt in de lijst als Klaar; update_site stuurt later alleen gewijzigde bestanden. Niets staat live totdat iemand op de projectpagina op Live zetten drukt.

Een tool verbinden geeft die alleen TOESTEMMING om bestanden naar je aiKit-account te sturen; het verandert niet wat aiKit kan draaien. aiKit hostt één soort ding: een website van bestanden die geen live server nodig hebben om te blijven werken. Of je project hier gehost kan worden, hangt volledig af van wat het nodig heeft om te draaien, niet van welke AI-tool het gebouwd heeft of of je die tool verbindt. Dit werkt op aiKit:

• Een marketing- of informatieve website: home-, over ons-, diensten-, galerij- en contactpagina's.
• Contact-, offerte- en boekingsformulieren: aiKit koppelt die na het uploaden aan het eigen systeem; echte inzendingen komen op het tabblad Aanvragen van het project terecht.
• Een blog of een portfolio.
• Een frameworkproject (React, Next, Vite, Astro of vergelijkbaar), zolang het kan worden geëxporteerd naar gewone statische bestanden, of de build geen geheimen aan de serverkant of database tijdens het draaien nodig heeft.
• Een informatief dashboard of klantportaal: een dat alleen dingen weergeeft, zonder login en zonder database erachter.

Geen van deze kan vandaag op aiKit gehost worden, ongeacht welke AI-tool ze gebouwd heeft of of die tool verbonden is:

• Gebruikersaccounts, logins of wachtwoorden die op een server gecontroleerd worden.
• Een database van welke soort dan ook: opgeslagen gegevens, bestellingen, chatgeschiedenis, zoekgeschiedenis, alles wat per gebruiker moet blijven bestaan.
• Een betaalde API die tijdens het draaien met een geheime sleutel wordt aangeroepen (bijvoorbeeld een app die zelf de Anthropic- of OpenAI-API aanroept): de sleutel heeft in een gewone gehoste site geen veilige plek.
• Betalingsverwerking of een afrekening die op een server een betaling afrondt.
• Alles wat continu een server moet laten draaien: webhooks, achtergrondtaken, een live chatbackend.

Als wat je hebt gebouwd een van die dingen nodig heeft, verandert het koppelen van je AI-tool niets: de tool zal je hetzelfde vertellen als deze pagina net deed, en publiceren zou een okerige versie opleveren (misschien alleen een landingspagina) in plaats van de werkende app. Twee echte voorbeelden: de website van een bakkerij met een offerteformulier wordt hier netjes gepubliceerd, en beide updatemanieren (je AI-tool die wijzigingen stuurt, en pins/de Assistent in aiKit) blijven er voor altijd op werken. Een studie-app met inloggen en een database kan hier helemaal niet worden gehost. Die heeft eigen, aparte hosting nodig (eigen server en database), en daarna blijf je die gewoon rechtstreeks met je AI-tool bouwen en updaten, zoals je nu doet. aiKit maakt geen deel uit van de hosting van dat project, dus geen van beide updatemanieren op deze pagina is daarop van toepassing.