DV SoftwareNaar de demo →

Online zetten: GitHub en Vercel

Doel: de app draait op https://app.dvsoftware.nl met je echte Supabase-database, login en afbeeldingen. Plak sleutels nooit in een chat; alleen in de schermen van Vercel of in .env.local.

Stap 1 – Code naar GitHub (privé), ± 5 minuten

Je hebt GitHub Desktop al op je pc.

  1. Open GitHub Desktop en log in (of maak een gratis GitHub-account, het liefst met djim@dvsoftware.nl).
  2. File → Add local repository → kies de map vlotwerk.
  3. Klik Publish repository, naam bijvoorbeeld dv-software, en laat "Keep this code private" aangevinkt.

Wat er níet meegaat (staat in .gitignore): .env.local met je sleutels, certs/ met het certificaat en data/ met lokale demodata.

Stap 2 – Vercel-project, ± 10 minuten

  1. Ga naar vercel.com en log in met je GitHub-account. Let op: het gratis Hobby-plan is alleen voor niet-commercieel gebruik. Voor betalende klanten heb je Pro nodig (± $20 per maand).
  2. Add New → Project → kies de repository dv-software → Import.
  3. Laat de instellingen staan (Next.js wordt herkend). Open Environment Variables en vul in (waarden uit je .env.local):
Naam Waarde
DATA_BACKEND postgres
DATABASE_URL zelfde als in .env.local (Transaction pooler, poort 6543)
AUTH_MODE supabase
SUPABASE_URL zelfde als in .env.local
SUPABASE_PUBLISHABLE_KEY zelfde als in .env.local
SUPABASE_SECRET_KEY zelfde als in .env.local
MEDIA_BACKEND supabase
SESSION_SECRET zelfde als in .env.local
APP_URL https://app.dvsoftware.nl
NEXT_PUBLIC_ROOT_DOMAIN dvsoftware.nl
ANTHROPIC_API_KEY optioneel: dan schrijft Claude de websites in de generator
  1. Klik Deploy. Na 1–2 minuten krijg je een adres als dv-software.vercel.app.

De regio staat in vercel.json op Londen (lhr1), dicht bij je Supabase-project.

Stap 3 – Je eigen adres koppelen

  1. In Vercel: Settings → Domains → voeg app.dvsoftware.nl toe.
  2. Vercel toont een DNS-regel, meestal een CNAME app → cname.vercel-dns.com.. Voeg die toe in het DNS-scherm van TransIP (Naam app, Type CNAME).
  3. In Supabase: Authentication → URL Configuration: zet de Site URL op https://app.dvsoftware.nl en voeg https://app.dvsoftware.nl/** toe aan de Redirect URLs (laat http://localhost:3000/** staan voor lokaal testen).

Later

  • Klantsites op eigen domein: de klant zet een CNAME naar Vercel; jij voegt het domein toe in Vercel (kan later automatisch via de Vercel API).
  • Tijdelijke subdomeinen (kapsalon-mila.dvsoftware.nl) vereisen een wildcard-domein in Vercel; daarvoor moeten de nameservers van dvsoftware.nl naar Vercel. Bewust nog niet gedaan, omdat je mail (Google) en DNS nu bij TransIP staan.
  • Productie in de EU: het huidige Supabase-project staat in Londen. Voor echte klanten adviseren we een nieuw project in Frankfurt (dan Vercel-regio fra1).