Websites
Met Websites in Hub (/app/sites) host je websites en landingspagina's van je bedrijf op het platform van
Reuzenpanda: giantpanda.site. Elke website krijgt een vast adres {site-id}.sites.giantpanda.site met een eigen
certificaat, en je kunt er een eigen domein aan koppelen (bijvoorbeeld www.jouwbedrijf.nl).
Een website op giantpanda.site telt bezoekers en aanvragen per site in Hub, en kan een configurator van Reuzenpanda tonen zonder extra code of cookies van derden.
Een website aanmaken
Klik in de zijbalk van Websites op de +. Je kiest:
- Platte site: HTML, CSS en afbeeldingen. Je bewerkt de bestanden in Hub, in de editor, en Kompas kan meekijken.
- Vanuit broncode: een site uit een git-repository (React, Next.js, Astro, Vite …). Elke push naar je branch zet hem live via GitLab CI of GitHub Actions. Zie Live zetten vanuit git.
Daarna kies je de site-id. Die wordt het vaste adres en kan later niet meer veranderen. Hub stelt een id voor uit je
bedrijfsnaam en het doel van de site (bijvoorbeeld bakker-jansen-actie). Algemene woorden zoals website, www of
test zijn niet toegestaan; ze zijn ook in andere talen geblokkeerd.
Versies en live zetten
Elke keer dat je iets live zet, ontstaat er een versie. Via de knop naast Bekijk site zie je de versies, kun je elke versie bekijken en een oudere versie terugzetten.
- Elke versie heeft een eigen voorbeeldadres (
{code}--{site-id}.preview.giantpanda.site). Daar zie je precies die versie, los van wat er live staat. - Live zetten is binnen ongeveer 20 seconden overal te zien. Zolang dat bezig is, toont Hub "Nieuwe versie wordt verspreid".
- Opent iemand een gloednieuw adres voordat het overal staat, dan ziet hij een pagina "Deze website gaat zo live". Die laadt zichzelf opnieuw zodra de site er is.
Een voorbeeldadres is niet vindbaar in Google (noindex), telt geen bezoekers en verstuurt geen aanvragen: een
test-aanvraag via een configurator in het voorbeeld komt niet bij je binnen.
Instellingen
Via het tandwiel op /app/sites open je de instellingen van een website:
- Algemeen: de naam en de cookiemelding (meten tenzij geweigerd, pas meten na toestemming, of geen melding).
- Domeinen: een eigen domein koppelen. Je krijgt een CNAME-record om bij je domeinbeheerder te zetten; zodra dat
klopt gaat het domein vanzelf live met een eigen certificaat. Een kaal domein (
jouwbedrijf.nlzonderwww) kan meestal geen CNAME krijgen: gebruikwww. - Configurators: een configurator aan een pad van de site koppelen.
- Bron en deploy: waar de site vandaan komt (geen codebase of een git-repository).
- Gevarenzone: de paginalinks wijzigen en de website verwijderen.
Adressen onder giantpanda.site koppel je niet zelf: elke website heeft er al één.
Bestanden en hulpmiddelen
Alles wat je nodig hebt om een site te bouwen en te publiceren staat op files.giantpanda.site (opens in a new tab):
| Bestand | Waarvoor |
|---|---|
/ci/v1/deploy-gianthost.mjs (opens in a new tab) | Het deploy-script voor CI (met checksum (opens in a new tab)) |
/ci/v1/gitlab-ci.yml (opens in a new tab) | GitLab CI-job |
/ci/v1/github-actions.yml (opens in a new tab) | GitHub Actions-workflow |
/openapi/gp-v1.yaml (opens in a new tab) | De /_gp/v1-API van een gehoste site (OpenAPI) |
/skills/gianthost-site-bouwen.zip (opens in a new tab) | Skill voor AI-assistenten die een site voor giantpanda.site bouwen |
Lees verder: Een website bouwen · Speciale bestanden en regels.