Websitebeheer · Sanity Studio

Zo beheer je je website zelf.

Mijn websites komen met Sanity Studio: een beheerscherm waarin je teksten en foto’s aanpast en publiceert, zonder code. Hieronder zie je hoe dat werkt in een echt klantproject, wat je ermee kan en waar de grenzen liggen.

Kerngegevens

Studio
Sanity Studio, gehost door Sanity
Website
Astro, vooraf gebouwde pagina’s
Talen
Nederlands en Engels naast elkaar
Bron
Studio-configuratie van het project, stand 3 oktober 2026
01 — Zo werkt het

Van aanpassing tot live in vier stappen

  1. Aanpassen

    Je opent in de Studio het scherm dat bij een deel van de site hoort, zoals Hero, Disciplines of Galerij. De teksten hebben een Nederlands en een Engels veld naast elkaar. Sanity bewaart je werk als concept terwijl je typt.

  2. Publiceren

    Met één klik op Publiceren wordt je wijziging definitief. Concepten blijven onzichtbaar voor bezoekers en starten niets.

  3. Bouwen

    Een webhook van Sanity start een nieuwe build van de website. Daarin worden alle teksten en foto’s in de pagina’s gezet; daarna rolt de host de nieuwe versie uit.

  4. Live

    Je wijziging staat online. Gemeten op dit project: ongeveer 20 seconden van klik tot live.

20 s
Eigen meting

Van klik op Publiceren tot zichtbaar op de live site, gemeten door Houthoofd Digital op dit project.

02 — Wat je zelf aanpast

Wat Matteo zelf kan aanpassen

Dit is de volledige lijst, rechtstreeks uit de Studio-configuratie van het project. De teksten bestaan in het Nederlands en het Engels.

Homepage van matteodeclercq.be: de naam Matteo Declercq groot in beeld naast een koersfoto, met de tagline ‘Cycling, racing & inspiring’.
Homepage van matteodeclercq.be (schermafdruk van een eerdere versie) met de Studio-velden erachter.
  • 1Menu — teksten: de vijf woorden in het menu (de bestemmingen liggen vast).
  • 2Hero › Bovenschrift.
  • 3Hero › Introtekst.
  • 4Hero › Grote foto, met uitsnede.
  • ×Vast in de code, niet in de Studio: de naam, de knoppen en de U23-badge.

Pagina-inhoud

Hero
Bovenschrift, introtekst, grote foto (met uitsnede)
Over Matteo
Titel, portretfoto, alinea’s
Menu — teksten
De vijf woorden in het menu
Cijfers
Waarde, waarde in het Engels, omschrijving, volgorde

Lijsten

Sponsors
Naam, website, logo, “nu actief”, volgorde (plus de teksten boven het blok)
Disciplines
Naam, korte tekst, foto, volgorde (plus de teksten boven het blok)
Uitgelichte video’s
YouTube-ID, titel, korte tekst, volgorde (plus de teksten boven het blok)
Galerij
Foto, omschrijving voor schermlezers, formaat (normaal of hoog), volgorde (plus de teksten boven het blok)

Instellingen

Algemeen
Slogan, YouTube-kanaal-ID, Instagram-link, TikTok-link, e-mailadres voor het contactformulier

Binnenkomend en cijfers

Berichten
Berichten uit het contactformulier; enkel “afgehandeld” kan je aanpassen
Statistieken
Bezoekers, paginaweergaven, gemiddelde tijd, herkomst, klikken, scrolldiepte, toestel en taal, over 7, 30 of 90 dagen

Niet in de Studio

De nieuwste video: de site haalt die zelf op van YouTube, je kiest er twee uitgelichte. En opmaak of nieuwe secties: dat is ontwikkelwerk.

03 — Grenzen

Wat je moet weten

Zelf beheren is krachtig, maar niet grenzeloos. Dit zijn de drie dingen die je beter vooraf weet.

Builds

Elke publicatie is een build

Omdat de site statisch is, bouwt elke publicatie de site opnieuw. Hostingplannen beperken het aantal builds per maand, dus de keuze van de host hangt af van hoe vaak je wilt publiceren. Bij dit project bleek een gratis plan te krap voor regelmatig publiceren; de site draait daarom bij een host met een ruimere limiet.

Ontwikkelwerk

Nieuwe secties vragen ontwikkelwerk

Je past inhoud aan binnen de velden die we samen hebben ingericht. Een nieuw blok, een nieuwe pagina of een ander ontwerp is werk in de code.

Onderhoud

Onderhoud is een afspraak

Astro, Sanity en de hosting krijgen updates. Onderhoud en support na oplevering vallen enkel onder de overeenkomst als dat uitdrukkelijk is afgesproken, bijvoorbeeld via een SLA.

04 — Technische aanpak

Hoe het gebouwd is

Voor wie het graag precies weet. Stand van de documentatie van het project: 1 tot 3 oktober 2026.

Website
Astro met statische output. Alle teksten staan bij het bouwen in de HTML.
Inhoud
Sanity, dataset “production”. De site leest bij elke build enkel gepubliceerde inhoud.
Studio
Gehost door Sanity. Een GitHub Action rolt de Studio opnieuw uit zodra de Studio-configuratie verandert.
Publiceren
Een Sanity-webhook, gefilterd op gepubliceerde documenten (geen concepten), start een deploy hook voor de build.
Hosting
Een statische host die na elke publicatie automatisch bouwt en uitrolt. Een tweede host staat klaar als reserve.
Terugval
Elke tekst valt terug op standaardinhoud in de code als een veld leeg is of Sanity niet bereikbaar is. De build kan dus niet leeglopen.
Formulier
Een kleine serverfunctie bewaart elk bericht in Sanity. De e-mailmelding is een extra; het bericht staat altijd in de Studio. Spambeveiliging: verplichte velden, honeypot, minimale invultijd, limiet per IP (als hash) en een onzichtbare mensentest (Turnstile).
Bezoekcijfers
Een cookieloze teller als serverfunctie: geen cookies, geen localStorage, geen IP-adres in de opslag. De cijfers verschijnen in de Studio.
Migratie
59 oude WordPress-adressen sturen met een 301 door naar de nieuwe site (nagemeten op 1 oktober 2026).
Tests
Automatische tests bouwen de site en controleren onder meer het formulier, de redirects, de beveiligingsheaders en de weergave op een gsm.
05 — Bronnen

Waar dit vandaan komt

  • De lijst met Studio-schermen en velden komt uit de configuratie van het project (sanity.config.ts en schemaTypes.ts, stand 3 oktober 2026).
  • De technische beschrijving komt uit de documentatie van het project (README en de documenten over hosting en migratie).
  • De schermafdruk is de homepage van matteodeclercq.be, van een eerdere versie van de site.
  • De publicatietijd is een eigen meting van Houthoofd Digital (zie “Zo werkt het”).

Wil je dit voor je eigen website?

Vertel kort wat je nodig hebt. Je krijgt binnen 24 uur, op werkdagen, antwoord met een voorstel voor de volgende stap.