# Code Clear — volledige sitecontent > Dit bestand bevat de volledige tekstinhoud van codeclear.nl, bedoeld voor directe ingestie door AI-agents en large language models. Laatste update: juni 2025. --- ## Home Code Clear is een webdevelopment studio in Amsterdam. We zijn gespecialiseerd in headless WordPress + Next.js architecturen en bouwen websites die snel, schaalbaar en eenvoudig te beheren zijn. Onze klanten kiezen ons omdat we de technische complexiteit van moderne webarchitecturen begrijpen én omdat we na oplevering beschikbaar blijven als vaste onderhoudspartner. We werken vaak als technisch verlengstuk van designbureaus: de designer maakt het ontwerp, wij realiseren het. **Onze kernbelofte:** geen black box, geen overdracht naar onbekenden. Transparante samenwerking, heldere code, langdurige relaties. --- ## Over Code Clear Code Clear is opgericht door Mustafa Avdic, een Amsterdam-gebaseerde developer met jarenlange ervaring in headless WordPress architecturen. Eerder actief onder de naam CCID, is Code Clear de doorontwikkeling daarvan — met een scherper focus op headless technologie en langetermijn partnerships. **Werkwijze:** We starten elk project met een architectuurgesprek. Wat is de contentstrategie? Wie beheert de site na oplevering? Welke integraties zijn nodig? Op basis daarvan bepalen we de structuur: custom post types, ACF-velden, GraphQL-queries en Next.js-pagina's. Tijdens het project werken we nauw samen met designers. We nemen Figma-ontwerpen als uitgangspunt en vertalen die naar pixel-perfecte, toegankelijke frontend-componenten in React en SCSS. Na oplevering bieden we onderhoudscontracten aan. Dit omvat WordPress-updates, plugin-beheer, performance-monitoring en doorontwikkeling. **Waarden:** - Technische kwaliteit boven snelheid - Langdurige samenwerking boven eenmalige projecten - Transparantie in proces en kosten --- ## Diensten ### Headless WordPress development We bouwen WordPress in als headless CMS: geen thema, geen frontend in WordPress zelf. WordPress beheert de content, Next.js verzorgt de weergave. De verbinding loopt via WPGraphQL — een GraphQL API bovenop WordPress die we combineren met Apollo Client op de Next.js-kant. Voordelen van deze aanpak: - Frontend volledig los van het CMS — designers en developers werken onafhankelijk - Hoge performance: Next.js genereert statische pagina's met ISR (Incremental Static Regeneration) - Veilig: WordPress is niet publiek zichtbaar, alleen de GraphQL API is toegankelijk - Schaalbaar: front- en backend kunnen onafhankelijk van elkaar groeien ### Next.js frontend development We bouwen op Next.js met de Pages Router. Componenten zijn opgebouwd volgens BEM-methodologie in SCSS. GraphQL-fragments worden per component geëxporteerd en gecombineerd in pagina-level queries. Typische componenten die we bouwen: - Navigatie met volledige toegankelijkheidsondersteuning (ARIA, skip links, keyboard navigation) - Hero-secties met carousels (Embla Carousel) - Dynamische contentblokken via ACF Flexible Content - Zoek- en filterinterfaces - Meertalige routing (Polylang) - Formulierintegraties ### Onderhoud en hosting Na oplevering bieden we maandelijkse onderhoudscontracten. Dit omvat: - WordPress core-, plugin- en theme-updates - Performance-monitoring en optimalisatie - Beveiligingsmonitoring - Doorontwikkeling op aanvraag - Technische support ### Technisch advies en architectuur Voor organisaties die nog in de oriëntatiefase zitten bieden we architectuurgesprekken aan. We helpen bij de keuze tussen headless en traditioneel WordPress, bespreken de implicaties voor contentbeheer en geven een realistisch beeld van kosten en doorlooptijd. --- ## Portfolio (selectie) ### Rekenkamer Amsterdam De gemeentelijke rekenkamer van Amsterdam. We bouwden een toegankelijke, performante website op headless WordPress + Next.js. Speciale aandacht voor WCAG-toegankelijkheid: ARIA-attributen, skip links, kleurcontrasten en toetsenbordnavigatie. Technologie: Next.js, WordPress, WPGraphQL, Apollo Client, SCSS/BEM, Cairo + Open Sans ### Verknipt / Wooferland Een evenementenplatform voor underground elektronische muziek in Nederland. We bouwden een uitgebreid frontend-systeem met eventkaarten, hero-carousels, merchandise-functionaliteit, FAQ-architectuur en een ticketpagina. Landenfiltering via een taxonomie-systeem. Technologie: Next.js (Pages Router), WordPress, WPGraphQL, Embla Carousel, SCSS/BEM ### Actuals.io Een Nederlandse SaaS-applicatie voor financieel beheer (MKB). We implementeerden een GEO/LLM-optimalisatiepakket: llms.txt, llms-full.txt, Schema.org JSON-LD, hybride Yoast + custom schema, en een dynamische FAQ-pagina gekoppeld aan WordPress. Technologie: Next.js, WordPress, WPGraphQL, Apollo Client, Yoast SEO ### Clockworks Een horloges e-commerce platform. We implementeerden blogpreview-functionaliteit, een custom blog-CPT, sitemap-uitbreiding, Lighthouse-optimalisaties en GTM/GA4-integratie. Technologie: Next.js, WordPress, WPGraphQL, REST API, GTM ### Dutch Real Estate Company Vastgoedplatform met RealWorks API-koppeling (v3). We bouwden een custom WordPress plugin voor het ophalen en weergeven van woningaanbod, inclusief statusafhandeling en ACF-integratie. Technologie: WordPress, PHP, ACF, RealWorks API v3 --- ## Technische aanpak (voor developers en technische stakeholders) Code Clear werkt consequent met de volgende patronen: **GraphQL-structuur:** - Fragments per component, geëxporteerd en samengesteld op paginaniveau - Aparte querybestanden voor enkelvoudige en meervoudige opvragen per post type - WPGraphQL als GraphQL-laag, Apollo Client als fetchinglaag **Next.js-patronen:** - Pages Router (geen App Router) voor maximale stabiliteit in productie - ISR (Incremental Static Regeneration) voor contentpagina's - getStaticProps + getStaticPaths voor dynamische routes - Catch-all routes voor flexibele paginastructuren **SCSS/BEM:** - Strikte BEM-naamgeving - Gedeelde partials voor kleuren, typografie, spacing - Component-level SCSS naast de componenten **WordPress-inrichting:** - Custom post types via functions.php of dedicated plugin - ACF flexible content voor paginaopbouw - Yoast SEO voor metadata, aangevuld met custom Schema.org JSON-LD --- ## Contact Code Clear werkt met een selecte groep klanten per jaar. We geven de voorkeur aan projecten waar we als langetermijn technische partner kunnen optreden. **Mustafa Avdic — oprichter** Website: https://codeclear.nl LinkedIn: https://linkedin.com/in/mustafaavdic/ Locatie: Amsterdam, Nederland Voor offertes en samenwerkingsverzoeken: neem contact op via het contactformulier op codeclear.nl/contact --- *Dit bestand is automatisch gegenereerd vanuit de sitecontent van codeclear.nl en bedoeld voor gebruik door AI-agents, language models en geautomatiseerde systemen. Laatste update: juni 2025.*