// De technologie · in detail · 2026

Geen WordPress.
Enkel code op maat.

Geen page builders, geen wildgroei aan plugins, geen thema om tegen te vechten. Elke site is een handgebouwde applicatie op een moderne stack die ik diep genoeg ken om te plooien naar mijn hand. Dit is precies wat er onder de motorkap draait — en waarom elk onderdeel zijn plaats verdient.

De templateroute

WordPress & page builders

  • Pluginstacks die je niet beheert of begrijpt
  • Opgeblazen markup, trage Core Web Vitals
  • Een aanvalsoppervlak dat constant patches vraagt
  • Design ingeperkt door andermans thema
Hoe ik bouw

Code op maat

  • Elke regel door mij geschreven, gelezen en beheerd
  • Afgestemd op Lighthouse, snel van bij de bouw
  • Dichtgetimmerd van bij het ontwerp — geen pluginloterij
  • Pixelnauwkeurig design zonder compromis
render-strategy.ts
Statisch (SSG) — één keer gerenderd bij build time. Geserveerd als platte HTML vanaf de edge: het snelste wat een pagina kan zijn. Gebruikt voor marketing- & contentpagina's.
// what the crawler actually receives
<title>Nu — clean beauty, Antwerp</title>
<meta name="description"...>
<h1>Skincare, distilled.</h1>
LCP 1.1sCLS 0.00volledig indexeerbaarOG-tags
Nu Studio· content lakeGepubliceerd
Content
◆ Producten
Journal
▤ Pagina's
⚙ Instellingen
Producten · 24
Renew Serum
€48 · op voorraad
EN · NL
Calm Cleanser
€32 · op voorraad
Daily SPF 30
€29 · lage voorraad
Night Balm
€54 · op voorraad
Title *
Renew Serum
Slug
/products/renew-serum
Hero image
drop · 1200×1500 · auto-CDN
Price (EUR)
48.00
Stock
128
Description · Portable Text
A featherweight vitamin-C serum that brightens and renews. Fragrance-free, vegan, made in Belgium.
query.groq
// fetch only what the page renders
*[_type == "product" && stock > 0]{
  title, "slug": slug.current,
  price, "img": image.asset->url
} | order(price asc)
result.json
[
  {
    "title": "Renew Serum",
    "slug":   "renew-serum",
    "price": 48,
    "img":    "cdn.sanity.io/…"
  }
]
draggable-star.tsx
drag me  ·  tap to morph
// grab it, fling it, morph it Draggable.create("#star", { bounds: "#stage", type: "x,y", onClick: () => gsap.to("#star", { morphSVG: next, ease: "back.inOut(1.7)" }) });
App.tsx
└─ <App>
  ├─ <Header>
  ├─ <ProductGrid>
  │  └─ <ProductCard> ×24
  ├─ <Cart>
  └─ <Footer>
3
useState
cart.ts
type Product = { title: string; price: number; }; function total(items: Product[]) { return items.reduce((n, p) => n + p.price, 0); } // ✗ caught at compile time total([{ title: "Serum", price: "48" }]);
Type 'string'is not assignable to type 'number'.  ts(2322)
ProductCard.tsx
<div class="rounded-2xl p-6 bg-gradient border shadow-lg flex flex-col gap-2">
Renew Serum
Brightening vitamin-C, made in Belgium.
Add to cart · €48

Van blanco bestand tot afgewerkt product — op exact de tools hierboven. Vertel me wat je in gedachten hebt.