Coding Agency.
AI-ready website — Meppel
Onze eigen website is meer dan een visitekaartje. Een volledig AI-ready platform met MCP server, 190+ kennisbankartikelen, geautomatiseerde SEO, WCAG AAA toegankelijkheid en een light/dark kleurensysteem. Gebouwd als bewijs van wat we kunnen.
Kennisbankartikelen
Diepgaande artikelen over Laravel, AI, API-koppelingen, SaaS, security en meer.
AI Server
Model Context Protocol server zodat AI-agents direct met onze tools en kennis kunnen werken.
WCAG Toegankelijkheid
Volledig toegankelijk voor screenreaders, toetsenbordnavigatie en verminderd contrast.
Lighthouse Score
Perfecte scores op Performance, Accessibility, Best Practices en SEO.
De website
Geen standaard brochure. Een volledig platform met kennisbank, MCP server en geautomatiseerde SEO.
Waarom deze website?
De meeste agency-websites zijn een statische brochure. Mooi, maar verder nutteloos. Wij wilden iets anders: een website die niet alleen laat zien wat we doen, maar het ook daadwerkelijk bewijst. Elke technische keuze, elk detail, elke optimalisatie is een demonstratie van onze werkwijze.
Daarom is deze site gebouwd met dezelfde stack, dezelfde kwaliteitseisen en dezelfde architectuur als onze klantprojecten. Laravel 13, Tailwind CSS v4, serverless op AWS via Vapor, met een volledig geautomatiseerde CI/CD pipeline. Geen shortcuts.
Het resultaat: een platform dat klaar is voor de toekomst. AI-agents kunnen via MCP rechtstreeks met onze kennisbank en tools communiceren. Zoekmachines krijgen gestructureerde data via JSON-LD en Markdown endpoints. En elke bezoeker, ongeacht beperking, kan de site volledig gebruiken.
Gebouwd voor morgen
AI verandert hoe mensen informatie vinden. Google is niet meer het enige kanaal. AI-agents van Claude, ChatGPT en Gemini doorzoeken websites op een fundamenteel andere manier. Daar moet je klaar voor zijn.
Onze MCP server stelt AI-agents in staat om onze kennisbank te doorzoeken, een prijsindicatie te berekenen en direct contact op te nemen. Elke pagina is ook beschikbaar als Markdown; ideaal voor LLM-consumptie. Dat is geen experiment, dat is de nieuwe standaard.
Tegelijkertijd vergeten we de basis niet. WCAG AAA toegankelijkheid, light en dark mode die het systeemthema respecteert, geo-optimalisatie voor lokale vindbaarheid, en security headers die A+ scoren. De fundamenten moeten solide zijn voordat je bouwt aan de toekomst.
MCP Server — AI-ready
De Coding Agency website draait een volwaardige Model Context Protocol (MCP) server. AI-agents zoals Claude, ChatGPT en andere LLM-tools kunnen hiermee rechtstreeks communiceren, zonder de website te hoeven scrapen.
190+ artikelen doorzoekbaar op onderwerp, tag of trefwoord. Van Laravel en API-koppelingen tot AI-security en hosting.
Directe kostenschatting op basis van projecttype, complexiteit, koppelingen en extras. Inclusief doorlooptijd en hostingkosten.
AI-agents kunnen namens de gebruiker een contactverzoek indienen, compleet met projectdetails en budgetindicatie.
Gestructureerde JSON-data van alle 9 expertisegebieden, inclusief technologieën, use cases en doelbranches.
Cody — RAG AI-assistent
De chat-widget rechtsonder in de hoek is geen generieke chatbot. Cody combineert een beslisboom voor snelle navigatie met een volwaardige RAG-pipeline op basis van OpenAI. Bezoekers die zelf willen typen, krijgen een direct antwoord op basis van de volledige site-inhoud.
RAG staat voor Retrieval-Augmented Generation: bij elke vraag worden de meest relevante pagina's opgehaald uit de kennisbank (snel keyword scoring over titel, tags, beschrijving en slug), meegestuurd als context in de system prompt, en dan streamt OpenAI het antwoord terug als SSE-stroom. Zo geeft Cody altijd een antwoord dat aansluit op de werkelijke inhoud van de site — niet op wat het model al wist.
Light & Dark Mode
Niet zomaar een donker en licht thema. Een volledig doordacht kleurensysteem met CSS custom properties dat elke oppervlakte, elk contrast en elk interactie-element aanpast. Van warm olive en cream in light mode tot diepe donkere tinten in dark mode.
WCAG AAA Toegankelijk
Toegankelijkheid is geen checkbox, maar een ontwerpprincipe. Elke pagina is gebouwd met semantische HTML, ARIA-attributen en toetsenbordnavigatie. Getest met screenreaders en gevalideerd tegen de WCAG 2.1 AAA-richtlijnen.
SEO & Geo-proof
Structured Data
JSON-LD schema voor elke paginatype: Organization, WebPage, Service, CreativeWork, BlogPosting en BreadcrumbList. Zoekmachines begrijpen exact wat elke pagina bevat.
Markdown Endpoints
Elke pagina is ook beschikbaar als .md bestand. Ideaal voor LLM-consumptie, web scrapers en AI-agents die gestructureerde tekst nodig hebben.
Geo-optimalisatie
Lokale SEO voor Meppel, Drenthe en Noord-Nederland. Schema met areaServed, lokale kennisbankartikelen en geo-specifieke landingspagina’s.
Technische SEO
Canonical URLs, hreflang, XML sitemap, robots meta, OpenGraph en Twitter Cards. Alles geautomatiseerd vanuit de layout component.
Performance
Font preloading, lazy loading, async decoding, minimale CSS via Tailwind v4. Serverless hosting op AWS Vapor voor sub-100ms response times.
Content Authority
190+ diepgaande artikelen over softwareontwikkeling. Topical authority opbouwen in niches als Laravel, AI, API-koppelingen en SaaS.
Security Headers
Beveiliging begint bij de response headers. Elke pagina wordt geserveerd met een volledige set security headers die A+ scoren op securityheaders.com.
Privacy-first Analytics
Geen Google Analytics, geen cookie banners. De site draait op ClearAnalytics, ons eigen privacy-first analytics platform. Onder 1KB script, gehost in de EU en volledig GDPR-compliant; zonder tracking cookies.
Hoe het gebouwd is
Laravel 13 + Blade
Webapplicaties →Server-rendered met Blade components en layouts. Geen SPA overhead, wel een razendsnelle first contentful paint. Component-based architectuur met herbruikbare layouts, schema builders en automatische Markdown generatie.
Tailwind CSS v4
Websites →De nieuwste versie met @theme directive en CSS custom properties voor het light/dark kleurensysteem. Minimale CSS bundle door purging, maximale design flexibiliteit door utility-first aanpak.
MCP Server
AI →Eigen Model Context Protocol server met drie tools en een resource. AI-agents kunnen onze kennisbank doorzoeken, een prijsindicatie berekenen en direct contact opnemen. Gestructureerd en veilig.
AWS Serverless (Vapor)
SaaS →Gehost op AWS Lambda via Laravel Vapor. Auto-scaling, zero-downtime deployments, CloudFront CDN en EU-regio. Geen servers om te beheren, wel enterprise-grade performance.
Cody RAG Chat
AI →Decision-tree navigatie gecombineerd met een RAG-pipeline op OpenAI (gpt-4o-mini). CodyKnowledgeBase scoort en rangschikt pagina's op relevantie. CodyController bouwt de context en streamt het antwoord terug via SSE. UTM-tracking op alle doorverwijzingen.
190+ Kennisbankartikelen
De kennisbank is het kloppend hart van de website. Meer dan 190 diepgaande artikelen over softwareontwikkeling, georganiseerd in categorieën als architectuur, koppelingen, betalingen, juridisch, strategie en hosting.
Architectuur
Multi-tenancy, CI/CD, Feature flags
Koppelingen
Exact Online, Mollie, PostNL, RDW
AI & Machine Learning
RAG, Agents, Document analyse
Security & Privacy
HSTS, Pentests, 2FA, ISO-proof
E-commerce
Webshops, BTW, B2B portalen
Strategie
Build vs buy, Kosten, Werkwijze
Alle features
Alles wat deze website onderscheidt van een standaard agency-site.
Meer cases
Andere projecten waarin software, website, shop of app niet als los kanaal is gebouwd, maar als onderdeel van een werkend proces.
Wil jij dit ook?
Een website die niet alleen mooi is, maar ook technisch klaar voor de toekomst? Laten we het erover hebben.
Start het gesprek