[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"menu":3,"projecten":25,"menu-footer-nav":117,"menu-footer-legal":124},[4,7,10,13,16,19,22],{"label":5,"url":6},"Home","\u002F",{"label":8,"url":9},"Diensten","\u002Fdiensten",{"label":11,"url":12},"Projecten","\u002Fprojecten",{"label":14,"url":15},"Producten","\u002Fproducten",{"label":17,"url":18},"Plan","\u002Fplan",{"label":20,"url":21},"Zakelijk","\u002Fzakelijk",{"label":23,"url":24},"Contact","\u002Fcontact",[26,47,58,69,82,101],{"id":27,"slug":28,"title":29,"excerpt":30,"content":31,"status":32,"klant_naam":33,"anoniem":34,"resultaat":35,"technologieen":36,"sector":37,"info":38},1,"api-integratie-saas-scaleup","API-integratie SaaS scale-up","Unified billing en CRM-sync voor een snelgroeiende Nederlandse SaaS-organisatie.","\u003Cp>Integratie van Stripe, HubSpot en interne ERP met event-driven synchronisatie. Idempotente webhooks en retry-queues elimineerden dubbele facturatie en data-inconsistenties.\u003C\u002Fp>\n","afgerond","",true,"40% minder integratie-incidenten; release-cyclus van wekelijks naar dagelijks.","Laravel, Redis, Stripe, HubSpot","SaaS",{"kind":39,"what_this_is":40,"what_this_is_not":41,"status_meaning":45,"anonymized":34,"live_url":46},"portfolio_case","Publieke casebeschrijving van een uitgevoerd of lopend traject. Bedoeld als referentie, niet als productpagina.",[42,43,44],"Geen digitaal product \u002F ZIP om te downloaden","Geen volledige broncode of klantdata","Geen belofte dat jouw traject identiek is — wel een vergelijkbaar type opdracht","Voltooid\u002Fafgerond = traject afgerond; Lopend = nog in uitvoering.",null,{"id":48,"slug":49,"title":50,"excerpt":51,"content":52,"status":32,"klant_naam":33,"anoniem":34,"resultaat":53,"technologieen":54,"sector":55,"info":56},2,"server-hardening-enterprise","Server hardening enterprise","CIS benchmark compliance voor een kritieke Linux-fleet in de financiële sector.","\u003Cp>Hardening van Ubuntu- en RHEL-servers met OpenSCAP, geautomatiseerde remediatie en audit evidence voor externe auditors.\u003C\u002Fp>\n","100% CIS benchmark compliance; externe audit geslaagd binnen twee weken.","OpenSCAP, Ansible, RHEL, Ubuntu Server","Enterprise IT",{"kind":39,"what_this_is":40,"what_this_is_not":57,"status_meaning":45,"anonymized":34,"live_url":46},[42,43,44],{"id":59,"slug":60,"title":61,"excerpt":62,"content":63,"status":32,"klant_naam":33,"anoniem":34,"resultaat":64,"technologieen":65,"sector":66,"info":67},3,"mvp-marketplace-platform","MVP marketplace platform","Marketplace MVP met betalingen, seller onboarding en admin dashboard.","\u003Cp>End-to-end marketplace met Stripe Connect, KYC-flow en Filament admin. Van concept tot live platform in tien weken.\u003C\u002Fp>\n","Live platform met 200+ early adopters binnen de eerste maand na lancering.","Nuxt, Laravel, Stripe Connect, MySQL","Marketplace",{"kind":39,"what_this_is":40,"what_this_is_not":68,"status_meaning":45,"anonymized":34,"live_url":46},[42,43,44],{"id":70,"slug":71,"title":72,"excerpt":73,"content":74,"status":32,"klant_naam":75,"anoniem":76,"resultaat":77,"technologieen":78,"sector":79,"info":80},4,"fintech-portal-modernisering","Fintech portal modernisering","Legacy klantportaal vervangen door een moderne headless stack met unified authentication.","\u003Cp>Stapsgewijze migratie van een monolithisch PHP-portaal naar Nuxt + Laravel API. Zero-downtime cutover met feature flags en parallelle data-sync.\u003C\u002Fp>\n","FinTech NL",false,"50% snellere pageloads, unified auth en 30% lagere hostingkosten.","Nuxt, Laravel, PostgreSQL, Redis","FinTech",{"kind":39,"what_this_is":40,"what_this_is_not":81,"status_meaning":45,"anonymized":76,"live_url":46},[42,43,44],{"id":83,"slug":84,"title":85,"excerpt":86,"content":87,"status":88,"klant_naam":33,"anoniem":34,"resultaat":89,"technologieen":90,"sector":91,"info":92},6,"detadev-platform","DetaDev — Enterprise Pay-per-Shift Platform","Enterprise SaaS voor pay-per-shift execution: marketplace, team onboarding, betalingen, realtime voortgang en AI-ondersteunde matching.","\u003Cp>\u003Cstrong>DetaDev\u003C\u002Fstrong> is een enterprise SaaS-platform waarmee organisaties development- en operations-shifts\nuitbesteden met transparante pricing en end-to-end uitvoering. Het product richt zich op recruiters, developers\nen operators — los van marketing- en contentsites.\u003C\u002Fp>\n\n\u003Ch2>Live product\u003C\u002Fh2>\n\u003Cp>Publieke demo en productinformatie:\n\u003Ca href=\"https:\u002F\u002Fdetadev.nl\" rel=\"noopener noreferrer\" target=\"_blank\">detadev.nl\u003C\u002Fa>.\nGeen screenshots op deze pagina — bezoek de live omgeving voor een actuele indruk.\u003C\u002Fp>\n\n\u003Ch2>Productscope\u003C\u002Fh2>\n\u003Cp>Shifts plaatsen en volgen, teams onboarden, betalingen afhandelen en voortgang realtime monitoren.\nEigen authenticatie, API en payment-stack, architecturaal gescheiden van de FectionLABS marketing site.\u003C\u002Fp>\n\n\u003Ch2>Implementatie (publiek overzicht)\u003C\u002Fh2>\n\u003Cul>\n  \u003Cli>\u003Cstrong>Frontend\u003C\u002Fstrong> — Modern webframework met meertaligheid, role-based routing en dashboards\u003C\u002Fli>\n  \u003Cli>\u003Cstrong>Backend\u003C\u002Fstrong> — API-first architectuur met relationele database en message queues\u003C\u002Fli>\n  \u003Cli>\u003Cstrong>Betalingen\u003C\u002Fstrong> — Connect-model voor uitbetalingen en abonnementen\u003C\u002Fli>\n  \u003Cli>\u003Cstrong>Realtime\u003C\u002Fstrong> — Live updates voor shift-status en beschikbaarheid\u003C\u002Fli>\n  \u003Cli>\u003Cstrong>AI\u003C\u002Fstrong> — Configureerbare providers voor decompositie en matching\u003C\u002Fli>\n  \u003Cli>\u003Cstrong>Infra\u003C\u002Fstrong> — Containerized deployment met reverse proxy en TLS\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Ch2>Kernfuncties\u003C\u002Fh2>\n\u003Cul>\n  \u003Cli>Pay-per-shift marketplace met filters en matching\u003C\u002Fli>\n  \u003Cli>Team onboarding en uitnodigingen\u003C\u002Fli>\n  \u003Cli>Assessments en credential-flows voor developers\u003C\u002Fli>\n  \u003Cli>Payment onboarding en payout-configuratie\u003C\u002Fli>\n  \u003Cli>OAuth, sessiebeheer, rolgebaseerde toegang en audit logging\u003C\u002Fli>\n  \u003Cli>Notificaties via e-mail en push\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Ch2>Uitdagingen (samenvatting)\u003C\u002Fh2>\n\u003Cul>\n  \u003Cli>\u003Cstrong>Concurrency\u003C\u002Fstrong> — Betrouwbare updates bij gelijktijdige wijzigingen aan shifts en profielen\u003C\u002Fli>\n  \u003Cli>\u003Cstrong>Routing\u003C\u002Fstrong> — Strikte scheiding tussen meerdere producten op gedeelde infrastructuur\u003C\u002Fli>\n  \u003Cli>\u003Cstrong>Compliance\u003C\u002Fstrong> — Scheiding test\u002Fproductie credentials en idempotente webhooks\u003C\u002Fli>\n  \u003Cli>\u003Cstrong>Schaal\u003C\u002Fstrong> — Asynchrone verwerking voor notificaties en events\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Ch2>Resultaat\u003C\u002Fh2>\n\u003Cp>Productieplatform met marketplace, betalingen en onboarding flows. Monitoring en CI\u002FCD voor\ncontinue levering van features.\u003C\u002Fp>\n\n\u003Cp>\u003Cem>Eigen product — zie ook\n\u003Ca href=\"\u002Fprojecten\u002Ffectionlabs-platform\">FectionLABS marketingplatform & CMS\u003C\u002Fa>.\u003C\u002Fem>\u003C\u002Fp>\n","lopend","Productieplatform live; marketplace, betalingen en teamflows operationeel.","Nuxt, Spring Boot, PostgreSQL, Redis, Stripe Connect, Docker","HR Tech \u002F Workforce Platform",{"kind":93,"what_this_is":94,"what_this_is_not":95,"status_meaning":99,"anonymized":76,"live_url":100},"live_product","Eigen FectionLABS-product (DetaDev). Portfolio + live omgeving — geen downloadbaar skill pack.",[96,97,98],"Geen Skill Pack-aankoop op deze pagina","Geen broncode-download via de shop","Geen garantie dat elke portfolio-bullet 1:1 zichtbaar is zonder account","Live product in productie\u002Fdoorontwikkeling.","https:\u002F\u002Fdetadev.nl",{"id":102,"slug":103,"title":104,"excerpt":105,"content":106,"status":88,"klant_naam":33,"anoniem":34,"resultaat":107,"technologieen":108,"sector":109,"info":110},7,"fectionlabs-platform","FectionLABS — Marketingplatform & headless CMS","Marketing site en headless CMS: portfolio, diensten, producten en lead-intake — gescheiden van product-apps zoals DetaDev.","\u003Cp>\u003Cstrong>FectionLABS\u003C\u002Fstrong> is de publieke studio-site: portfolio, diensten, producten en lead-intake.\nDe stack bestaat uit een Nuxt-marketingfrontend en een headless CMS met beheerportaal, content-as-code\nen publieke content-API.\u003C\u002Fp>\n\n\u003Cp>Architecturaal gescheiden van \u003Cstrong>DetaDev\u003C\u002Fstrong> (pay-per-shift SaaS): eigen codebase,\neigen deploy en eigen domein.\u003C\u002Fp>\n\n\u003Ch2>Live site\u003C\u002Fh2>\n\u003Cp>U bekijkt deze case op de live omgeving:\n\u003Ca href=\"https:\u002F\u002Ffectionlabs.com\">fectionlabs.com\u003C\u002Fa>.\nScreenshots op portfolio-pagina's tonen we bewust niet — de site zelf is de referentie.\u003C\u002Fp>\n\n\u003Ch2>Opdracht & context\u003C\u002Fh2>\n\u003Cp>Een betrouwbare bron voor marketingcontent, portfolio-cases, digitale producten en lead-capture —\nbeheerbaar zonder developer voor elke tekstwijziging, met versionering via content-as-code in git.\u003C\u002Fp>\n\n\u003Ch2>Implementatie (publiek overzicht)\u003C\u002Fh2>\n\u003Cul>\n  \u003Cli>\u003Cstrong>Frontend\u003C\u002Fstrong> — Nuxt SSR, SEO, content-sync en gestructureerde routes\u003C\u002Fli>\n  \u003Cli>\u003Cstrong>CMS\u003C\u002Fstrong> — Laravel admin, rolgebaseerd beheer, caching\u003C\u002Fli>\n  \u003Cli>\u003Cstrong>Content-as-code\u003C\u002Fstrong> — YAML-bronnen met import\u002Fexport naar database\u003C\u002Fli>\n  \u003Cli>\u003Cstrong>Commerce\u003C\u002Fstrong> — Checkout met allowlist voor return-URL's\u003C\u002Fli>\n  \u003Cli>\u003Cstrong>Leads\u003C\u002Fstrong> — Formulieren met rate limiting, validatie en retentiebeleid\u003C\u002Fli>\n  \u003Cli>\u003Cstrong>Security\u003C\u002Fstrong> — Security headers, versleutelde sessies, admin-toegangsbeperking\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Ch2>Kernfuncties\u003C\u002Fh2>\n\u003Cul>\n  \u003Cli>Portfolio, diensten, producten en statische pagina's via API\u003C\u002Fli>\n  \u003Cli>CMS: homepage-blokken, menu's en testimonials\u003C\u002Fli>\n  \u003Cli>Lead-formulieren (contact, projectaanvraag, zakelijk)\u003C\u002Fli>\n  \u003Cli>Content-versioning en frontend sync\u003C\u002Fli>\n  \u003Cli>Checkout voor digitale producten\u003C\u002Fli>\n  \u003Cli>Admin met tweefactorauthenticatie\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Ch2>Uitdagingen (samenvatting)\u003C\u002Fh2>\n\u003Cul>\n  \u003Cli>\u003Cstrong>Routing\u003C\u002Fstrong> — Meerdere producten op gedeelde infrastructuur zonder verkeerslekken\u003C\u002Fli>\n  \u003Cli>\u003Cstrong>Performance\u003C\u002Fstrong> — Snelle API-responses en niet-blokkerende content-sync\u003C\u002Fli>\n  \u003Cli>\u003Cstrong>CMS UX\u003C\u002Fstrong> — Singleton content-blokken zonder overbodige navigatielagen\u003C\u002Fli>\n  \u003Cli>\u003Cstrong>Drift\u003C\u002Fstrong> — Git en database in sync houden\u003C\u002Fli>\n  \u003Cli>\u003Cstrong>Productiekwaliteit\u003C\u002Fstrong> — Geautomatiseerde validatie vóór deploy\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Ch2>Resultaat\u003C\u002Fh2>\n\u003Cp>Live marketing site met portfolio, leads en checkout. Content-team werkt via admin of YAML;\nmarketing en product-apps blijven gescheiden.\u003C\u002Fp>\n\n\u003Cp>\u003Cem>Eigen platform — gerelateerd product:\n\u003Ca href=\"\u002Fprojecten\u002Fdetadev-platform\">DetaDev pay-per-shift platform\u003C\u002Fa>.\u003C\u002Fem>\u003C\u002Fp>\n","Marketing site en CMS live; content-as-code workflow; portfolio, leads en checkout operationeel.","Nuxt 3, Laravel, Filament, MySQL, Redis, Docker","Agency \u002F MarTech",{"kind":93,"what_this_is":111,"what_this_is_not":112,"status_meaning":115,"anonymized":76,"live_url":116},"De FectionLABS marketing-\u002FCMS-site zelf (portfolio-case van het studioplatform).",[113,114],"Geen apart digitaal product om te downloaden","Geen white-label CMS-licentie inbegrepen bij deze pagina","Live product \u002F doorlopend platform.","https:\u002F\u002Ffectionlabs.com",[118,119,120,121,122,123],{"label":8,"url":9},{"label":11,"url":12},{"label":14,"url":15},{"label":17,"url":18},{"label":20,"url":21},{"label":23,"url":24},[125,128,131,134,137,140,143],{"label":126,"url":127},"Privacy","\u002Fjuridisch\u002Fprivacy",{"label":129,"url":130},"Algemene voorwaarden","\u002Fjuridisch\u002Falgemene-voorwaarden",{"label":132,"url":133},"Cookies","\u002Fjuridisch\u002Fcookies",{"label":135,"url":136},"Compliance","\u002Fjuridisch\u002Fcompliance",{"label":138,"url":139},"Legal","\u002Fjuridisch\u002Flegal",{"label":141,"url":142},"Help","\u002Fjuridisch\u002Fhelp",{"label":144,"url":145},"Terms of use","\u002Fjuridisch\u002Fterms-of-use"]