[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"menu":3,"project-fectionlabs-platform":25,"menu-footer-nav":46,"menu-footer-legal":53},[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",{"id":26,"slug":27,"title":28,"excerpt":29,"content":30,"status":31,"klant_naam":32,"anoniem":33,"resultaat":34,"technologieen":35,"sector":36,"info":37},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","lopend","",true,"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":38,"what_this_is":39,"what_this_is_not":40,"status_meaning":43,"anonymized":44,"live_url":45},"live_product","De FectionLABS marketing-\u002FCMS-site zelf (portfolio-case van het studioplatform).",[41,42],"Geen apart digitaal product om te downloaden","Geen white-label CMS-licentie inbegrepen bij deze pagina","Live product \u002F doorlopend platform.",false,"https:\u002F\u002Ffectionlabs.com",[47,48,49,50,51,52],{"label":8,"url":9},{"label":11,"url":12},{"label":14,"url":15},{"label":17,"url":18},{"label":20,"url":21},{"label":23,"url":24},[54,57,60,63,66,69,72],{"label":55,"url":56},"Privacy","\u002Fjuridisch\u002Fprivacy",{"label":58,"url":59},"Algemene voorwaarden","\u002Fjuridisch\u002Falgemene-voorwaarden",{"label":61,"url":62},"Cookies","\u002Fjuridisch\u002Fcookies",{"label":64,"url":65},"Compliance","\u002Fjuridisch\u002Fcompliance",{"label":67,"url":68},"Legal","\u002Fjuridisch\u002Flegal",{"label":70,"url":71},"Help","\u002Fjuridisch\u002Fhelp",{"label":73,"url":74},"Terms of use","\u002Fjuridisch\u002Fterms-of-use"]