Website online zetten zonder FTP: stappenplan

Stappenplan

Zo gaat een website veilig live: 9 stappen

Loop de stappen van boven naar onder af bij elke wijziging, ook bij een kleine tekstaanpassing. Na een paar keer is het een routine van enkele minuten.

1
Zet de code van de website in GitAlle bestanden staan in één repository (bv. op GitHub). Er staat dus één bron van waarheid en geen map 'site-nieuw-def2' op een laptop.
2
Koppel de repository aan VercelJe doet dit één keer. Daarna bouwt Vercel bij elke push automatisch de site. Je uploadt niets meer.
3
Werk in een aparte branchPas je wijziging niet aan op de hoofdbranch (meestal 'main'). Maak een branch aan, bv. 'nieuwe-openingsuren'. De live site blijft ongemoeid.
4
Push de branch en open de preview-linkVercel maakt voor die push een eigen preview-URL. Open die op je gsm én je computer.
5
Check de vijf dingen die altijd stuk kunnen gaanContactformulier verstuurd? Telefoonnummer klikbaar? Menu op gsm? Afbeeldingen zichtbaar? Interne links werken? Doe dit op de preview, niet op de live site.
6
Stuur de preview-link naar je klant of collegaVraag om een duidelijk ja of nee. Past er nog iets aan, dan push je opnieuw naar dezelfde branch en blijft de branch-link hetzelfde.
7
Zet live door te mergen naar de hoofdbranchPas bij een geslaagde merge naar 'main' verschuift het echte domein naar de nieuwe versie. Doe dit niet op het moment dat je moe bent of haast hebt.
8
Controleer de live site meteenOpen het echte domein, kijk of het slotje (https) er staat en test het contactformulier nog eens. Dit duurt twee minuten.
9
Bij een fout: eerst terugdraaien, dan zoekenGa in Vercel naar de productie-deployment en kies Instant Rollback. Zodra de vorige versie weer live staat, zoek je de oorzaak in alle rust en push je de fix via stap 3 tot 7.

Website online zetten zonder FTP kan door je code in Git te zetten en die te koppelen aan een platform zoals Vercel. Je pusht een wijziging, het platform bouwt en publiceert de nieuwe versie, en je klant kijkt vooraf mee via een preview-link. Gaat er iets mis, dan zet je de vorige versie terug.

Hierboven staat het stappenplan. Hieronder leg ik uit waarom dit veiliger is dan uploaden, waar het misloopt en wat het kost.

Waarom is website online zetten zonder FTP veiliger?

Bij FTP overschrijf je bestanden op een live server. Eén vergeten map of één half geüploade pagina, en je bezoekers zien het meteen. Terugdraaien betekent zoeken welk bestand er veranderd is. Dat zoeken doe je dan vaak onder tijdsdruk.

Met Git en Vercel verandert dat. Je werkt op een kopie, controleert die en zet pas daarna live. Dat is dezelfde logica als een bakker die een nieuw broodje eerst laat proeven voor het in de toonbank ligt.

Wat gebeurt er precies bij een push?

Vercel ondersteunt automatische deployments bij elke branch-push en bij merges naar de productiebranch. Je moet dus niets handmatig starten. Het platform bouwt de site en publiceert het resultaat.

Een push naar een andere branch dan de hoofdbranch geeft een preview. Een push naar de productiebranch, meestal main, maakt een productie-deployment aan. Elke andere branch of pull request geeft een preview. Je kan dus rustig testen zonder dat bezoekers er iets van merken.

En het slotje (https)?

Het SSL-certificaat hoef je niet zelf te regelen. Gratis SSL zit bij Vercel inbegrepen, ook bij het gratis plan. Op je live domein controleer je daarom enkel nog of het slotje er staat.

Hoe werkt een preview-link voor je klant?

Elke wijziging krijgt een eigen adres. Er is een unieke URL voor één specifieke versie, en een branch-URL die naar de laatste versie van die branch wijst en gelijk blijft bij nieuwe pushes. Je klant kan dus één link bewaren en bij elke aanpassing opnieuw kijken.

Dat scheelt heen-en-weer mailen met screenshots. Je klant ziet de echte pagina, op de eigen gsm, met het echte formulier. Feedback is dan een stuk concreter.

Let op: een preview is standaard publiek

Deze URL is standaard publiek toegankelijk, maar je kan hem privé maken met deployment protection. Staat er een nog geheime actieprijs op? Schakel dan de bescherming in voor je de link doorstuurt.

Wat als er toch iets misgaat na het live zetten?

Dan draai je terug. Vercel wijst je domeinen meteen naar de eerdere deployment, zonder nieuwe build. Je bezoekers krijgen dus weer de werkende versie, terwijl jij de fout nog niet gevonden hebt.

Twee praktische punten:

Na een rollback pauzeert de automatische toewijzing. Vercel zet daarna de automatische toewijzing van productiedomeinen uit. Nieuwe pushes gaan dus niet zomaar live. Zodra je fix klaar is, promoot je de nieuwste deployment om de rollback ongedaan te maken.
Hoe ver je terug kan, hangt van je plan af. Op het Hobby-plan kan je enkel naar de vorige productieversie terug. Pro- en Enterprise-gebruikers kunnen naar elke geschikte deployment. Ook je bewaarbeleid telt: een verwijderde deployment kan je niet meer herstellen.

Wat kost het om een website zonder FTP te hosten?

Hier maken veel ondernemers een fout. Het gratis Hobby-plan klinkt aantrekkelijk, maar Hobby is beperkt tot niet-commercieel persoonlijk gebruik, en elk commercieel gebruik vraagt een Pro- of Enterprise-plan. Een bedrijfssite, webshop of klantenproject hoort dus op Pro.

Pro kost 20 dollar per maand. Dat is inclusief één deploying seat, met verbruik dat erbovenop kan komen. Prijzen veranderen, dus kijk altijd op de pricingpagina van Vercel. Wat een volledige website bij ons kost, vind je op onze prijzenpagina.

Welke valkuilen kom je tegen?

Rechtstreeks op main werken. Dan sla je de preview over en heb je het hele voordeel weggegooid. Werk altijd in een branch.
De preview niet echt testen. Open hem op je gsm en test het formulier. Een preview die niemand bekijkt, helpt niet.
Hobby gebruiken voor een bedrijfssite. Zie hierboven: dat mag niet.
Denken dat terugdraaien alles herstelt. Een rollback zet de code terug. Gegevens in een externe database of formulierdienst draait hij niet terug.
Vrijdagavond live zetten zonder controle. De methode maakt fouten goedkoper, maar het blijft verstandig om de live site meteen te checken.

Voorbeeld: stel dat je een bakkerij hebt

Je wil de openingsuren voor de feestdagen aanpassen. Je maakt een branch 'feestdagen', past de tekst aan en pusht. Je krijgt een preview-link. Je stuurt die naar de eigenaar, die op zijn gsm ziet dat het uur van 24 december nog niet klopt.

Je past het aan, pusht opnieuw en krijgt een ja. Je merge naar main, de site staat live en je controleert het slotje. Dat is een kwartier werk, op dinsdagmiddag in plaats van zondagavond.

Past dit bij jouw website?

Dit werkt voor websites die als code gebouwd zijn. Zit je op WordPress, Wix of Shopify, dan heb je een ander publicatieproces. Dan zijn back-ups en een testomgeving bij je hoster je vangnet.

Laat je een nieuwe site maken? Op website laten maken lees je hoe wij dat aanpakken. Wil je weten of je huidige site beter kan gepubliceerd worden, of vind je hem niet meer terug in Google, kijk dan bij SEO. Of neem contact op voor een vrijblijvend gesprek.

Veelgestelde vragen

Kan ik een website online zetten zonder FTP?

Ja. Je zet de code in Git en koppelt die aan een platform zoals Vercel. Bij elke push wordt de site automatisch gebouwd en gepubliceerd. Je hoeft geen bestanden meer naar een server te slepen.

Is Vercel gratis voor een bedrijfswebsite?

Niet voor commerciële sites. Het gratis Hobby-plan is enkel voor persoonlijk, niet-commercieel gebruik. Voor een bedrijfssite heb je het Pro-plan nodig. Dat start bij 20 dollar per maand, inclusief één deploying seat en een gebruikskrediet. Controleer de actuele prijzen altijd op vercel.com/pricing.

Wat als ik een fout live zet, kan ik dat terugdraaien?

Ja, met Instant Rollback. Vercel zet je domein terug naar een eerdere deployment, zonder nieuwe build. Op het gratis Hobby-plan kan dat enkel naar de vorige productieversie. Op Pro kies je uit eerdere versies, zolang die niet door je bewaarbeleid zijn gewist.

Kan iedereen mijn preview-link zien?

Standaard is de URL publiek bereikbaar voor wie hem kent. Je kan hem afschermen met deployment protection. Doe dat zeker als op de preview nog niet-gepubliceerde prijzen of teksten staan.

Werkt dit ook voor WordPress, Wix of Shopify?

Niet op dezelfde manier. Die platformen hebben een eigen publicatieknop en hosting. De Git-methode past bij websites die als code gebouwd zijn. Heb je een bestaande WordPress-site, dan blijft FTP of de back-end van je hoster vaak de route.