{"id":8136,"date":"2026-10-07T12:46:41","date_gmt":"2026-10-07T10:46:41","guid":{"rendered":"https:\/\/helpdesk.kontainer.com\/article\/integratiegids-voor-strapi\/"},"modified":"2026-10-07T14:11:01","modified_gmt":"2026-10-07T12:11:01","slug":"integratiegids-voor-strapi","status":"publish","type":"article","link":"https:\/\/helpdesk.kontainer.com\/nl\/article\/integratiegids-voor-strapi\/","title":{"rendered":"Integratiegids voor Strapi"},"content":{"rendered":"<p>Met de Strapi-integratie van Kontainer kiezen je redacteuren afbeeldingen, video&#8217;s en bestanden rechtstreeks uit je DAM, zonder bestanden naar Strapi te uploaden. Strapi slaat alleen een verwijzing naar het bestand op; het eigenlijke bestand blijft in Kontainer en wordt via een CDN geleverd.<\/p>\n<p>Op de <a href=\"https:\/\/kontainer.com\/nl\/integrations\" target=\"_blank\" rel=\"noopener\">integratiepagina<\/a> van Kontainer leest je meer over toepassingen, voordelen en meer.<\/p>\n<h2>Vereisten<\/h2>\n<ul>\n<li>Strapi v5 (Strapi v4 wordt niet ondersteund)<\/li>\n<li>Node.js 18+<\/li>\n<li>Een Kontainer-account (https:\/\/jouwbedrijf.kontainer.com)<\/li>\n<li>Een ontwikkelaar met toegang tot je Strapi-codebase en de mogelijkheid om uit te rollen<\/li>\n<\/ul>\n<h2>Wat wordt waar opgeslagen?<\/h2>\n<p>Je bestanden blijven in Kontainer. Er wordt niets ge\u00fcpload naar de mediabibliotheek van Strapi. Strapi slaat alleen een JSON-verwijzing naar het bestand op, met daarin:<\/p>\n<ul>\n<li><code>fileId, fileName, folderId<\/code> \u2013 identificatiegegevens om het bestand op te halen<\/li>\n<li><code>url<\/code> \u2013 de CDN-URL, inclusief het downloadsjabloon dat je hebt gekozen<\/li>\n<li><code>thumbnailUrl, type, extension, dimensions, size<\/code><\/li>\n<li><code>alt, description<\/code> en elk aangepast veld uit Kontainer<\/li>\n<\/ul>\n<p>Omdat de alt-tekst en alle waarden van aangepaste velden met de verwijzing meereizen, hoeven redacteuren metadata niet opnieuw in te typen in Strapi, en kan je frontend ze rechtstreeks uit het antwoord van de Strapi-API lezen.<\/p>\n<h2>Aan de slag<\/h2>\n<h3>1. De plug-in installeren<\/h3>\n<p>Voer in je Strapi-project uit:<\/p>\n<pre><code>npm install @kontainer\/strapi-plugin<\/code><\/pre>\n<p>Commit package.json en package-lock.json, zodat de plug-in met je uitrol meekomt. Strapi vindt de plug-in automatisch en schakelt hem in \u2013 er zijn geen wijzigingen in configuratiebestanden nodig.<\/p>\n<h3>2. Het Kontainer-veld aan een contenttype toevoegen<\/h3>\n<p>Kies in de Content-Type Builder Custom fields \u2192 Kontainer media, of voeg het rechtstreeks aan het schema toe:<\/p>\n<pre><code>\"hero\": {\n\"type\": \"customField\",\n\"customField\": \"plugin::kontainer.media\"\n}<\/code><\/pre>\n<p>De Content-Type Builder is in productie alleen-lezen, dus voer deze wijziging uit in je ontwikkelomgeving en rol de schemawijziging uit.<\/p>\n<h3>3. Bouwen<\/h3>\n<p>De beheerinterface van de plug-in wordt in de admin-bundel gecompileerd. Deze stap is vereist \u2013 zonder de knop &#8220;Choose from Kontainer&#8221; verschijnt niet.<\/p>\n<pre><code>npm ci --omit=dev\nnpm run build\nnpm run start\n<\/code><\/pre>\n<h3>4. Verbinding maken met Kontainer<\/h3>\n<p>Ga naar Settings \u2192 Kontainer \u2192 Configuration en voer je Kontainer-URL in. Dat is de hele inrichting \u2013 er zijn geen API-sleutels of omgevingsvariabelen nodig.<\/p>\n<p>De instellingen worden in de Strapi-database opgeslagen, dus je moet ze \u00e9\u00e9n keer per omgeving instellen (staging en productie afzonderlijk).<\/p>\n<h3>5. Bestanden kiezen<\/h3>\n<p>Klik in de editor bij het veld op Choose from Kontainer. Blader, zoek en filter in je Kontainer-bibliotheek, pas eventueel een downloadsjabloon toe (bijsnijden, formaat wijzigen, bestandsformaat) en kies het bestand. Strapi slaat de verwijzing op; de CDN-URL weerspiegelt het sjabloon dat je hebt gekozen.<\/p>\n<h2>Optioneel: gebruik van bestanden bijhouden<\/h2>\n<p>Kontainer kan laten zien waar elk bestand in Strapi wordt gebruikt. Klik onder Settings \u2192 Kontainer op Generate om een token aan te maken, en registreer daarna de getoonde endpoint-URL plus het token als integratie in Kontainer onder Settings \u2192 Integrations. Kontainer bevraagt Strapi daarna en rapporteert het gebruik over alle contenttypen, inclusief concepten, locales, componenten en dynamische zones.<\/p>\n<h2>De verwijzing in je frontend gebruiken<\/h2>\n<p>De verwijzing komt ongewijzigd terug uit de content-API van Strapi:<\/p>\n<pre><code>const page = await fetch(`${STRAPI_URL}\/api\/pages\/${documentId}`).then((r) =&gt; r.json());\nconst { url, alt } = page.data.hero;<\/code><\/pre>\n<p>Vraag het bestand op via <code>url<\/code> \u2013 het wordt geleverd vanuit het CDN van Kontainer.<\/p>\n<h2>Support<\/h2>\n<p>Heb je hulp nodig bij het instellen of configureren van de Strapi-plug-in? Ons supportteam helpt je graag.<\/p>\n<p>Neem contact op via: <a href=\"mailto:support@kontainer.com\">support@kontainer.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Met de Strapi-integratie van Kontainer voeg je eenvoudig afbeeldingen, video&#8217;s en bestanden rechtstreeks uit je DAM in het beheerpaneel van Strapi in \u2013 zonder handmatig downloaden en uploaden.<\/p>\n","protected":false},"author":16,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","article-category":[174,177],"article-tag":[181,186,188],"class_list":["post-8136","article","type-article","status-publish","hentry","article-category-beheerinstellingen","article-category-integraties-plug-ins","article-tag-add-onfunctie","article-tag-premium-abonnementen","article-tag-dam"],"translations":{"da":{"id":8009,"title":"Integrationsguide til Strapi","url":"https:\/\/helpdesk.kontainer.com\/da\/article\/integrationsguide-til-strapi\/"},"de":{"id":7600,"title":"Strapi-Integrationsleitfaden","url":"https:\/\/helpdesk.kontainer.com\/de\/article\/strapi-integrationsleitfaden\/"},"en":{"id":7597,"title":"Strapi Integration Guide","url":"https:\/\/helpdesk.kontainer.com\/article\/strapi-integration-guide\/"},"nl":{"id":8136,"title":"Integratiegids voor Strapi","url":"https:\/\/helpdesk.kontainer.com\/nl\/article\/integratiegids-voor-strapi\/"},"sv":{"id":7859,"title":"Integrationsguide f\u00f6r Strapi","url":"https:\/\/helpdesk.kontainer.com\/sv\/article\/integrationsguide-for-strapi\/"}},"_links":{"self":[{"href":"https:\/\/helpdesk.kontainer.com\/nl\/wp-json\/wp\/v2\/article\/8136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpdesk.kontainer.com\/nl\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/helpdesk.kontainer.com\/nl\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/nl\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/nl\/wp-json\/wp\/v2\/comments?post=8136"}],"version-history":[{"count":3,"href":"https:\/\/helpdesk.kontainer.com\/nl\/wp-json\/wp\/v2\/article\/8136\/revisions"}],"predecessor-version":[{"id":8228,"href":"https:\/\/helpdesk.kontainer.com\/nl\/wp-json\/wp\/v2\/article\/8136\/revisions\/8228"}],"wp:attachment":[{"href":"https:\/\/helpdesk.kontainer.com\/nl\/wp-json\/wp\/v2\/media?parent=8136"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/nl\/wp-json\/wp\/v2\/article-category?post=8136"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/nl\/wp-json\/wp\/v2\/article-tag?post=8136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}