Waarom we onze website hebben omgebouwd tot een onfeilbare SEO- en GEO-contentmachine
Een diepgaande blik op de techstack achter de website van Eauase, gebouwd met Next.js, Tailwind CSS, Prisma en PostgreSQL.
Kutlu Taskin Tuna
15 juni 2026 · 6 min leestijd

In dit artikel bespreken we
Als high-end renovatie- en transformatiepartner verkopen we bij Eauase geen dozen of snelle verbouwingen, maar duurzame, EPC-conforme en esthetische opbrengsteigendommen. Net daarom is onze doelgroep—van kritische "Buy to Let" investeerders tot particulieren die op zoek zijn naar een high-end badkamer of keuken—uiterst specifiek. En om deze doelgroep organisch te bereiken, botsten we op een herkenbaar probleem: hoe bouw je een website die niet alleen visueel verbluffend is, maar ook duizenden lokale, hoog-converterende zoekopdrachten domineert zonder in te boeten op laadtijd?
Er bestaan natuurlijk genoeg content management systemen. WordPress, Webflow, Shopify en noem maar op. Alleen merkten we dat zulke traditionele platformen je snel meenemen in een spiraal van zware plugins, trage laadtijden en beperkte flexibiliteit bij complexe GEO-marketing. Voor een high-end merk dat streeft naar perfectie, is een laadtijd van 3 seconden of een slechte mobiele score simpelweg onacceptabel. Bovendien wilden we onze lokale vindbaarheid in Vlaanderen (zoals badkamerrenovatie in Hasselt of Heusden-Zolder) opschalen zonder honderden afzonderlijke pagina's handmatig te moeten beheren.
Als innovatief team deden we daarom wat we het liefste doen: we bouwden onze eigen onfeilbare, datagestuurde SEO- en GEO-contentmachine vanaf de grond op.
In deze blogpost neem ik je mee in de architectuur, de techstack en de geautomatiseerde pipelines achter eauase.be: onze eigen bliksemsnelle Next.js 16-applicatie die data rechtstreeks uit de Google Search Console API trekt en dit vertaalt naar een organische leadmachine.
Gebruik onze interactieve calculator en bereken direct de waardestijging van je vastgoed.
Rendement berekenenBij het ontwerpen van ons nieuwe platform keken we kritisch naar de SEO-beperkingen van traditionele websites. We wilden geen passieve brochure, maar een actieve, realtime marketingmotor.
De uitdaging in de praktijk Om lokaal te scoren in Google, moet je specifieke pagina's hebben voor steden en diensten (bijv. "Badkamerrenovatie in Beringen" of "Keukenrenovatie in Genk"). Handmatig tientallen verschillende pagina's aanmaken en onderhouden is een administratieve nachtmerrie.
De technische oplossing Met Next.js dynamic routing genereren we automatisch 27 perfect geoptimaliseerde bestemmingspagina's op basis van een matrix van 9 targetlocaties en 3 kerndiensten. Eén build en de volledige lokale structuur staat live.
De uitdaging in de praktijk Zoekmachines moeten exact begrijpen welke regio's je bedient. Zonder gestructureerde data (schema markup) mist Google de context om je site lokaal hoog te ranken.
De technische oplossing
Elke dynamic GEO-pagina injecteert automatisch een rijke, unieke HomeAndConstructionBusiness JSON-LD schema. Dit schema koppelt de specifieke stadsnaam dynamisch aan de areaServed-eigenschap, wat leidt tot een directe link met het Google Knowledge Graph-algoritme.
De uitdaging in de praktijk SEO is vaak blind varen. Je schrijft content en hoopt dat het rankt, zonder direct te weten welke specifieke zoektermen écht tractie genereren in specifieke regio's.
De technische oplossing
We bouwden een in-house Python pipeline (fetch_gsc_data.py & analyze_seo.py) die rechtstreeks communiceert met de Google Search Console API. De data wordt automatisch gesorteerd en gefilterd om nieuwe "GEO-gaten" en trending keywords in Limburg bloot te leggen.
De uitdaging in de praktijk Wanneer je een nieuwe realisatie, blog of GEO-pagina publiceert, kan het dagen of weken duren voordat Google de sitemap opnieuw crawlt en de pagina's indexeert.
De technische oplossing
Zodra onze contentmachine wordt bijgewerkt, voert onze deployment pipeline automatisch een script uit (submit_sitemap.py) dat via OAuth2 direct de bijgewerkte sitemap naar de Search Console API pingt. Nieuwe pagina's worden hierdoor vaak binnen enkele minuten geïndexeerd.
De uitdaging in de praktijk Onze oude website draaide op WordPress en had over de jaren heen sterke SEO-autoriteit opgebouwd. Een migratie naar een nieuwe structuur riskeert alle opgebouwde posities te vernietigen door gebroken links (404-fouten).
De technische oplossing
In onze next.config.ts configureerden we een uitgebreide, permanente 301-redirect-matrix. Oude WordPress-paden (zoals /wp-content/*, /blog/*, /kennisbank/* en specifieke legacy URL's) worden op serverniveau direct en naadloos omgeleid naar de juiste Next.js App Router-equivalenten. Geen verlies van linkwaarde, 100% behoud van Google-posities.
We wilden een website bouwen die binnen 0.5 seconden laadt, feilloos presteert op mobiel en tegelijkertijd vloeiende, premium animaties toont om de bezoeker direct te overtuigen van onze esthetische kwaliteiten.
graph TD
A[Content Redactie / data] -->|Prisma ORM| B(PostgreSQL / Supabase)
C[GEO Locaties & Diensten] -->|Static Generation| D(Next.js 16 App Router)
E[Search Console API Pipeline] -->|fetch_gsc_data.py| F(seo_data.json)
F -->|analyze_seo.py| G(GEO-gaten & Trend Analyse)
D -->|Build & Static Export| H(Perfecte Core Web Vitals)
H -->|submit_sitemap.py| I[Google Search Console Indexering]Onze landingspagina's worden volledig statisch gegenereerd (SSG) tijdens de build. Dit betekent dat wanneer een bezoeker op onze site landt, de server een vooraf gegenereerd HTML-bestand serveert. Geen database-lookups, geen laadspinners. Het resultaat? Een perfecte score van 100% op Google PageSpeed Insights en een onmiddellijke SEO-voorsprong.
Met de allernieuwste Tailwind v4 compiler worden enkel de exact gebruikte stijlen gecompileerd in een supercompact CSS-bestand. Dit voorkomt dat onnodige stijlbladen de browser vertragen en zorgt ervoor dat de website op mobiele netwerken (zoals 4G/5G) onmiddellijk op het scherm verschijnt.
SEO gaat niet alleen over Google-robots, maar vooral over gebruikerservaring. Als een bezoeker direct wegklikt (high bounce rate), straft Google je af. Door gebruik te maken van framer-motion creëren we rustige, vloeiende overgangen en scroll-driven onthullingen. Dit houdt de bezoeker geboeid, verhoogt de "dwell-time" (tijd op de pagina) en stuurt positieve signalen terug naar het Google-algoritme.
In de interieur- en renovatiewereld zijn foto's van hoge kwaliteit essentieel. Grote, onbewerkte foto's zijn echter dodelijk voor je LCP (Largest Contentful Paint) score. Onze backend-scripts maken gebruik van Sharp om alle portfolio- en blogafbeeldingen automatisch te comprimeren en te converteren naar moderne WebP- en AVIF-formaten. Dezelfde luxe uitstraling, maar met 80% minder bestandsgrootte.
Onze dynamic GEO-routing in /src/app/particulier/[service]/[location]/page.tsx is een schoolvoorbeeld van schaalbare lokale SEO. In plaats van statische teksten te kopiëren, combineert Next.js dynamische metadata met lokale business schema's:
export async function generateMetadata({ params }: PageProps): Promise<Metadata> {
const resolvedParams = await params;
const location = LOCATIONS.find((loc) => loc.slug === resolvedParams.location);
if (!location) return {};
const title = `Luxe Badkamerrenovatie in ${location.name} | Eauase`;
const description = `Op zoek naar een badkamerexpert in ${location.name}? Eauase ontzorgt je volledig, van 3D-ontwerp tot oplevering. Bekijk onze lokale realisaties.`;
return {
title,
description,
alternates: {
canonical: `/particulier/badkamers/${location.slug}`,
},
openGraph: {
title,
description,
url: `https://eauase.be/particulier/badkamers/${location.slug}`,
},
};
}Tegelijkertijd wordt de gestructureerde data op maat van de specifieke gemeente geïnjecteerd. Dit zorgt ervoor dat Google de pagina direct associeert met lokale zoekintentie in de specifieke regio:
{
"@context": "https://schema.org",
"@type": "HomeAndConstructionBusiness",
"name": "Eauase Hasselt",
"telephone": "+32474592597",
"email": "info@eauase.be",
"url": "https://eauase.be/particulier/badkamers/hasselt",
"address": {
"@type": "PostalAddress",
"streetAddress": "Sint-Annastraat 5/1",
"addressLocality": "Heusden-Zolder",
"postalCode": "3550",
"addressCountry": "BE"
},
"areaServed": {
"@type": "AdministrativeArea",
"name": "Hasselt"
}
}Onder de motorkap van eauase.be draait PostgreSQL via Supabase, aangestuurd door Prisma ORM. Dit stelt ons in staat om realisaties en blogposts dynamisch te koppelen, te filteren en te beheren:
datasource db {
provider = "postgresql"
url = env("DATABASE_URL")
}
generator client {
provider = "prisma-client-js"
}
model User {
id String @id @default(cuid())
name String?
email String? @unique
emailVerified DateTime?
image String?
accounts Account[]
sessions Session[]
}
model Project {
id String @id @default(cuid())
title String
slug String @unique
category String // badkamers, keukens, totaalrenovaties
description String @db.Text
imageUrl String
location String // Hasselt, Heusden-Zolder, etc.
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
}Dankzij dit model kunnen we met minimale moeite nieuwe realisaties toevoegen via een beveiligde admin-laag (aangedreven door NextAuth v5). Zodra een nieuw project wordt opgeslagen, wordt de sitemap automatisch bijgewerkt en via onze API direct bij Google aangemeld.
Is het verstandig om een traditioneel CMS zoals WordPress in te ruilen voor een op maat gemaakte Next.js 16 setup? Voor een eenvoudige website is WordPress prima.
Maar voor een ambitieus, high-end merk dat organisch wil groeien in specifieke regio's, is een op maat gemaakte SEO- en GEO-contentmachine de ultieme groeiversneller. De combinatie van Next.js 16 voor statische extreme snelheid, Tailwind CSS v4 voor minimale code-ballast en de direct geïntegreerde Google Search Console API bewijst dat technologie en marketing hand in hand gaan om van je website een onvermoeibare leadmachine te maken.
We hebben eindelijk het digitale platform dat net zo hoogwaardig presteert als onze fysieke renovaties.
Neem contact met ons op en ontdek hoe we een bliksemsnelle organische leadmachine bouwen voor jouw merk.
Kennismaken?Kutlu Taskin Tuna deelt regelmatig zijn ervaringen over software architectuur, SEO-automatisering en het bouwen van performante platformen zoals Eauase. Verder praten?
Klaar om je legacy te bouwen?
Ontvang elke week scherpe strategieën, praktijkvoorbeelden en nieuwe denkkaders. Direct in je inbox.
Geen spam. Uitschrijven kan altijd.

