Hoe zet ik mijn Cursor-project online?
Cursor bouwt je project op je eigen computer, maar zet het niet online: laat de agent npm run build draaien, sleep de map dist (of de map met je index.html) op dropthehassle.com en je krijgt binnen een paar minuten een gratis https-link, zonder creditcard. Liever niet slepen? Zet DropTheHassle één keer in .cursor/mcp.json en zeg tegen de agent zet ./dist online met DropTheHassle
.
Je AI mag publiceren, maar kan nooit je geld uitgeven.
Gemaakt met ChatGPT, Claude, Gemini, Cursor, Replit, v0, Windsurf of met de hand? Dezelfde stappen.
Laatst bijgewerkt: 3 oktober 2026. Waar mcp.json hoort te staan, komt uit de MCP-documentatie van Cursor.
Kwam je hier voor Projects, de functie in Cursor zelf? Daarover lees je meer op cursor.com. Deze pagina gaat over het andere project: wat Cursor voor je gebouwd heeft, op internet zetten.
Wat heeft Cursor voor je gebouwd?
Cursor werkt in een map op je laptop. Kijk in die map, dan weet je meteen wat je moet uploaden:
- Je ziet een
index.html, met wat css, javascript en plaatjes. Dan is die map je site. Klaar om te uploaden. - Je ziet een
package.jsonen een mapsrc. Dan is het een React-, Vite- of Astro-project, en wat je ziet is nog het bouwpakket. Nanpm run buildkrijg je de echte site:distbij Vite,buildbij Create React App,outbij een Next.js-export. - Je start het met
node server.jsofpython app.py. Dan draait er een stukje server mee. De pagina's die mensen zien kunnen hier staan. Heb je ook een serverdeel? Laat dat op AWS, Google Cloud, DigitalOcean of je eigen server staan, en je AI koppelt het in één stap aan je site.
Twijfel je? Typ in de agent-chat: Welke map moet ik uploaden om dit project online te zetten?
Cursor heeft het zelf gemaakt, dus het weet het antwoord.
Waarom localhost:5173 niet werkt bij een ander
Draait Cursor npm run dev, dan zie je je site op een adres als http://localhost:5173 of localhost:3000. Localhost betekent: deze computer. Je laptop laat de site aan zichzelf zien. Stuur je die link naar iemand anders, dan zoekt zijn browser op zijn eigen computer, en daar staat niets. Klap je je laptop dicht, dan is hij ook voor jou weg.
Er zijn tools die je localhost even naar buiten doorgeven, maar dan moet je laptop aan blijven staan. Wil je een link die gewoon blijft werken, dan moet de gebouwde map op een server staan die altijd aan is.
In 4 stappen online, met de hand
- Bouw het. Vraag de agent
draai npm run build
, of typ het zelf in de terminal van Cursor. Pak daarna de mapdist(ofbuildofout). Een project met alleen HTML sla je over: dat is al klaar. - Ga naar dropthehassle.com en klik op Upload (free). Een account maken hoeft niet eerst.
- Klik op Drop your folder en sleep de map erin. Een .zip mag ook. Daarna vraagt de pagina om je e-mailadres. Zolang je niet geclaimd hebt, mag het 25 MB en 1.000 bestanden zijn.
- Claim hem. Je site staat nu op een adres als
https://jouwnaam.dropthehassle.app, met het slotje erbij. Klik op hetzelfde scherm op Claim this site, anders verdwijnt hij na minstens 7 dagen. Geclaimd mag je tot 100 MB en 5.000 bestanden uploaden.
Sleep je per ongeluk de hele projectmap erin, met src en package.json? Een project dat nog gebouwd moet worden, wordt geweigerd. Dan weet je meteen dat je dist moet hebben, in plaats van dat je een week later een wit scherm ontdekt.
Of laat de agent in Cursor het doen
Zit je toch al in Cursor, dan is dit de kortste weg. Maak in je project het bestand .cursor/mcp.json aan, of ~/.cursor/mcp.json als je het in elk project wilt hebben, met dit erin:
{
"mcpServers": {
"dropthehassle": {
"url": "https://dropthehassle.com/mcp"
}
}
}
Typ daarna in de agent-chat: Zet ./dist online met DropTheHassle.
De agent vraagt om je e-mailadres en komt terug met je live link en een claimlink. Open die claimlink om de site te houden. Voor deze eerste keer heb je geen account, geen token en geen GitHub nodig.
Ga je later nog aan de site sleutelen? Claim hem eerst. Kies daarna in je dashboard Connect your AI en klik op Add to Cursor. Vanaf dan is werk mijn site bij
genoeg, en komt de nieuwe versie op hetzelfde adres.
Een domeinnaam opzoeken en je een betaallink sturen kan de agent ook. Afrekenen niet: dat blijft jouw klik. Alles wat de koppeling kan, staat in de Engelse gids over de MCP-server.
Eigen domeinnaam erbij
De gratis link is prima om te testen en rond te sturen. Wil je een echte naam, zoals jouwnaam.nl, dan zijn er twee routes:
| Wat | Prijs |
|---|---|
Gratis link jouwnaam.dropthehassle.app met https | €0, geen kaart. Claim hem en hij blijft. |
| .com, .org of .net hier kopen | €19 / $19 per jaar, incl. btw in de EU, elk jaar hetzelfde |
| .nl of .eu hier kopen | €12 / $12 per jaar, incl. btw in de EU, elk jaar hetzelfde |
| Een domein dat je al hebt | €0 bij ons. De verlenging loopt bij je eigen registrar. |
| E-mail op je eigen naam, als je wilt | €5 / $5 per maand voor het eerste postvak, €3 / $3 per maand voor elk extra adres |
Koop je de naam hier, dan hoef je niets met DNS: hij hangt meteen aan je site. Je zoekt hem op in je dashboard en rekent zelf af via Stripe. Welke betaalmethodes er zijn, zoals iDEAL, zie je bij het afrekenen.
Staat je domein al ergens anders? Zet daar één A-record naar het adres op je scherm. Zo'n record is één regel in de domeininstellingen die zegt op welke server je site staat. Klik daarna op Check now, en https komt er vanzelf bij.
Veelgemaakte fouten
Werkt het in Cursor en online niet? Meestal is het een van deze:
- Een localhost-link delen.
localhost:5173opent alleen op jouw laptop. Stuur de link op dropthehassle.app. - De projectmap in plaats van dist. Wat Cursor bewerkt, is de bron. Een browser kan die niet zo draaien. Eerst
npm run build, dandist. - De .env te laat. Sleutels uit
.envworden bij het bouwen in je site gezet. Zet ze er dus vóórnpm run buildin. Alleen publieke sleutels horen daar: bezoekers kunnen alles in de gebouwde map lezen. - Paden naar je eigen computer. Iets als
C:\Users\...of/Users/jouwnaam/...in de code werkt alleen bij jou. Vraag de agent om er relatieve paden van te maken. - Hoofdletters. Je laptop vindt
Logo.pngenlogo.pnghetzelfde, een webserver niet.
Alle vijf de oorzaken, plus een prompt die je zo in Cursor plakt, staan in de Engelse gids My site works on my computer but not online.
Veelgestelde vragen
Kan ik met Cursor een website bouwen?
Ja. Cursor schrijft alles, van één pagina tot een complete React- of Vite-app, en draait hem op je laptop zodat je meekijkt. Online zetten doet het niet uit zichzelf. Daar heb je een host voor, en met DropTheHassle gekoppeld doet de agent ook dat.
Waarom werkt mijn Cursor-project alleen op localhost?
Omdat localhost je eigen computer is. Je laptop laat de site aan zichzelf zien, dus niemand anders kan dat adres openen. Zet de gebouwde map online en je krijgt een link die iedereen kan openen, ook als je laptop dicht is.
Heb ik GitHub of een account nodig?
Nee, niet voor de eerste keer. Slepen of de agent laten publiceren kan zonder GitHub, account of token. Vul je e-mailadres in als erom gevraagd wordt en claim de site om hem te houden.
Werkt het met React, Vite of Next.js?
Ja, zolang het bouwen een map met index.html oplevert. Bij Vite is dat dist, bij een Next.js-export out. Apps met eigen routes werken: is een adres geen echt bestand, dan krijgt de bezoeker je index.html.
Hoe werk ik mijn site later bij?
Claim de site en kies in je dashboard Connect your AI, dan Add to Cursor. Daarna is werk mijn site bij genoeg en komt de nieuwe versie op hetzelfde adres. Met de hand kan ook: sleep de nieuwe map bij Update website.
Kan Cursor het domein voor me kopen?
Nee. De agent kan kijken of een naam vrij is en je een betaallink geven, maar betalen doe je altijd zelf. Een .com kost €19 / $19 per jaar, incl. btw in de EU, elk jaar hetzelfde.
Meer lezen
- De uitgebreide Engelse gids voor Cursor, met eigen domein
- Gemaakt met Lovable, Bolt of een andere AI-tool? Zo zet je hem online
- Gebouwd met Claude Code? Zo zet je die site online
- Wat mail op je eigen domein echt kost
Staat je dist klaar? Dan ben je een paar minuten verwijderd van een link die je kunt rondsturen.