For the Dream OpsommingspuntInzichten
Webdesign en UX

Waarom we de website van Eauase 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 voor onze klant.

K

Kutlu Taskin Tuna

15 juni 2026 · 6 min leestijd

Waarom we de website van Eauase hebben omgebouwd tot een onfeilbare SEO- en GEO-contentmachine
Realitisch en hoogwaardig badkamer- en renovatiewerk gerealiseerd voor Eauase.

In dit artikel bespreken we

de overstap van traditionele CMS'en naar een op maat gemaakte GEO-contentmachine.
hoe we geautomatiseerd rijke schema's injecteren voor ultieme lokale SEO-dominantie.
de integratie van de Google Search Console API voor een data-gedreven feedbackloop.

Als high-end renovatie- en transformatiepartner verkoopt onze klant Eauase geen dozen of snelle verbouwingen, maar duurzame, EPC-conforme en esthetische opbrengsteigendommen. Net daarom is hun 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 ze 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 ze 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 ze hun lokale vindbaarheid in Vlaanderen (zoals badkamerrenovatie in Hasselt of Heusden-Zolder) opschalen zonder honderden afzonderlijke pagina's handmatig te moeten beheren.

Als innovatieve partner deed For the Dream daarom wat we het liefste doen: we bouwden een onfeilbare, datagestuurde SEO- en GEO-contentmachine vanaf de grond op voor Eauase.

In deze blogpost nemen we je mee in de architectuur, de techstack en de geautomatiseerde pipelines achter eauase.be: een bliksemsnelle Next.js 16-applicatie die data rechtstreeks uit de Google Search Console API trekt en dit vertaalt naar een organische leadmachine.

FOR THE DREAM × EAUASE Logo

Benieuwd naar je potentiële rendement?

Gebruik onze interactieve calculator en bereken direct de waardestijging van je vastgoed.

Rendement berekenen
Benieuwd naar je potentiële rendement?


In dit artikel bespreken we

de overstap van traditionele CMS'en naar een op maat gemaakte GEO-contentmachine.
hoe we geautomatiseerd rijke schema's injecteren voor ultieme lokale SEO-dominantie.
de integratie van de Google Search Console API voor een data-gedreven feedbackloop.


Wat de Eauase-machine effectief oplost voor Eauase

Bij het ontwerpen van het nieuwe platform voor Eauase keken we kritisch naar de SEO-beperkingen van traditionele websites. We wilden voor hen geen passieve brochure, maar een actieve, realtime marketingmotor.

1. Eindeloze GEO-pagina's zonder handmatige overhead

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.


2. Geautomatiseerde Local Business Schema's

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.


3. Realtime feedbackloop met de Google Search Console API

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.


4. Instant sitemap-indexering via API-pings

De uitdaging in de praktijk

Wanneer je een nieuwe realisatie, blog of GEO-pagina publiceert, can het dagen of weken duren voordat Google de sitemap opnieuw crawlt en de pagina's indexeert.

De technische oplossing

Zodra de contentmachine wordt bijgewerkt, voert de 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.


5. Waterdichte SEO-migratie (Zero Authority Loss)

De uitdaging in de praktijk

Hun 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 de 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.


De architectuur: een moderne, SEO-first stack

We wilden voor Eauase 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 hun 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]

1. Next.js 16 & React 19: de basis voor extreme snelheid

De landingspagina's worden volledig statisch gegenereerd (SSG) tijdens de build. Dit betekent dat wanneer een bezoeker op de 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.

2. Tailwind CSS v4: minimale CSS-overhead

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 schermpx.

3. Framer Motion: subtiele interactie verhoogt de dwell-time

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.

4. Sharp Image Optimization: vlijmscherpe, lichte foto's

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. De 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.

Interactieve EPC- en prijs-calculator ontworpen voor mobiele conversie Interactieve EPC- en prijs-calculator ontworpen voor mobiele conversie

Interactieve EPC- en prijs-calculator ontworpen voor mobiele conversie

Nauwkeurige calculatiemotor die leads instant koppelt aan PostgreSQL Nauwkeurige calculatiemotor die leads instant koppelt aan PostgreSQL

Nauwkeurige calculatiemotor die leads instant koppelt aan PostgreSQL

Geïntegreerde marketing- en social mediacampagne ontworpen voor Eauase Geïntegreerde marketing- en social mediacampagne ontworpen voor Eauase

Geïntegreerde marketing- en social mediacampagne ontworpen voor Eauase

Modern en minimalistisch badkamer-realistatiewerk door Eauase Modern en minimalistisch badkamer-realistatiewerk door Eauase

Modern en minimalistisch badkamer-realistatiewerk door Eauase

Realisatie van hoogwaardige interieurtransformaties Realisatie van hoogwaardige interieurtransformaties

Realisatie van hoogwaardige interieurtransformaties

Swipe om alle schermen te bekijken ➔


Het databasemodel: flexibel en krachtig

De ruggengraat van de GEO-contentmachine is een relationele PostgreSQL-database, ontworpen om dynamische schema's en SEO-metrieken gestructureerd op te slaan.

classDiagram
  class User {
    String id [PK]
    String email [Unique]
    String role
    DateTime createdAt
  }

  class Project {
    String id [PK]
    String title
    String slug [Unique]
    String city
    String description
    String imageUrl
    DateTime createdAt
  }

  class Lead {
    String id [PK]
    String name
    String email
    String phone
    String service
    Json energyNeeds
    String status
    DateTime createdAt
  }

  class SEOReport {
    String id [PK]
    String city
    String keyword
    Int impressions
    Int clicks
    Float position
    DateTime updatedAt
  }

  User "1" --> "0..*" Project : beheert
  Project "0..1" --> "0..*" Lead : genereert
  SEOReport "1" --> "0..*" Project : stuurt

Belangrijkste tabellen en relaties

  • User: Beheert het platform via NextAuth.
  • Project: Slaat de portfolio- en renovatieprojecten op. Bevat specifieke metadata (zoals stad en beschrijving) die Next.js gebruikt om dynamic GEO-bestemmingspagina's te genereren.
  • Lead: Vangt de leadgegevens en antwoorden uit de interactieve calculator op. Slaat technische antwoorden en rendementsgegevens op in een flexibele JSONB-kolom (energyNeeds).
  • SEOReport: Slaat de data op die door onze Python scripts uit de Google Search Console API wordt gehaald. Dit stelt de marketingafdeling in staat om direct in het admin-dashboard te zien welke keywords en steden stijgen in Google.

Kortom

Door traditionele, zware CMS-systemen achter ons te laten en te kiezen voor een op maat gemaakte, statisch gegenereerde Next.js machine met een PostgreSQL database, hebben we voor Eauase een onfeilbaar en onverwoestbaar platform gebouwd.

De website is niet alleen een digitaal visitekaartje van hun vakmanschap, maar een actieve, geautomatiseerde leadmotor die lokale zoekopdrachten domineert, direct communiceert met Google-algoritmes en lokaal Vlaanderen stap voor stap verovert.

FOR THE DREAM

Klaar om je SEO- en GEO-infrastructuur op te schalen?

Neem contact met ons op en ontdek hoe we een bliksemsnelle leadmachine bouwen voor jouw merk.

Kennismaken?
Klaar om je SEO- en GEO-infrastructuur op te schalen?


Over de auteur

Kutlu Taskin Tuna deelt regelmatig zijn ervaringen over software architectuur, e-commerce-automatisering en het bouwen van performante platformen. 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.