---
title: "Integrationsguide för Strapi"
url: "https://helpdesk.kontainer.com/sv/article/integrationsguide-for-strapi/"
type: "article"
category: ["Administratörsinställningar", "Integrationer & plugins"]
tags: ["Tilläggsmodul", "Premium+-paket", "DAM"]
language: "sv"
published: "2026-09-30T06:14:41+00:00"
updated: "2026-09-30T06:14:41+00:00"
summary: "Med Kontainers integration för Strapi kan ni enkelt lägga in bilder, videor och filer direkt från ert DAM i Strapis administrationspanel – utan att ladda ner och ladda upp dem manuellt."
---

# Integrationsguide för Strapi

Med Kontainers integration för Strapi kan era redaktörer välja bilder, videor och filer direkt från ert DAM utan att ladda upp filer till Strapi. Strapi sparar bara en referens till filen – själva filen stannar i Kontainer och levereras via CDN.

Gå till Kontainers [integrationssida](https://kontainer.com/sv/integrations) för att läsa mer om användningsområden, fördelar med mera.

## Krav

- Strapi v5 (Strapi v4 stöds inte)
- Node.js 18+
- Ett Kontainer-konto (https://yourcompany.kontainer.com)
- En utvecklare med åtkomst till er Strapi-kodbas och möjlighet att driftsätta

## Vad sparas var?

Era filer stannar i Kontainer. Inget laddas upp till Strapis mediabibliotek. Strapi sparar bara en JSON-referens till filen, som innehåller:

- `fileId, fileName, folderId` – identifierare för att hämta filen
- `url` – CDN-URL:en, inklusive den nedladdningsmall ni valde
- `thumbnailUrl, type, extension, dimensions, size`
- `alt, description` och alla anpassade fält från Kontainer

Eftersom alt-text och alla värden i anpassade fält följer med referensen behöver redaktörerna inte skriva in metadata på nytt i Strapi, och er frontend kan läsa dem direkt från Strapis API-svar.

## Kom i gång

### 1. Installera pluginet

I ert Strapi-projekt:

```
npm install @kontainer/strapi-plugin
```

Checka in package.json och package-lock.json så att pluginet följer med när ni driftsätter. Strapi hittar och aktiverar pluginet automatiskt – inga ändringar i konfigurationsfiler behövs.

### 2. Lägg till Kontainer-fältet i en innehållstyp

I Content-Type Builder väljer ni Custom fields → Kontainer media, eller lägger till det direkt i schemat:

```
"hero": {
"type": "customField",
"customField": "plugin::kontainer.media"
}
```

Content-Type Builder är skrivskyddad i produktion, så gör ändringen i er utvecklingsmiljö och driftsätt schemaändringen.

### 3. Bygg

Pluginets administrationsgränssnitt kompileras in i admin-paketet. Steget är obligatoriskt – utan det visas inte knappen "Choose from Kontainer".

```
npm ci --omit=dev
npm run build
npm run start
```

### 4. Anslut till Kontainer

Gå till Settings → Kontainer → Configuration och ange er Kontainer-URL. Det är hela uppsättningen – inga API-nycklar eller miljövariabler behövs.

Inställningarna sparas i Strapis databas, så ni behöver göra dem en gång per miljö (staging och produktion var för sig).

### 5. Välj filer

I redigeraren klickar ni på Choose from Kontainer i fältet. Bläddra, sök och filtrera i ert Kontainer-bibliotek, använd vid behov en nedladdningsmall (beskärning, storlek, format) och välj filen. Strapi sparar referensen, och CDN-URL:en följer den mall ni valde.

## Valfritt: spåra var filer används

Kontainer kan visa var varje fil används i Strapi. Under Settings → Kontainer klickar ni på Generate för att skapa en token. Registrera sedan den visade endpoint-URL:en och token som en integration i Kontainer under Settings → Integrations. Kontainer hämtar därefter information från Strapi och visar användningen i alla innehållstyper, inklusive utkast, språkversioner, komponenter och dynamiska zoner.

## Använd referensen i er frontend

Referensen returneras oförändrad från Strapis innehålls-API:

```
const page = await fetch(`${STRAPI_URL}/api/pages/${documentId}`).then((r) => r.json());
const { url, alt } = page.data.hero;
```

Hämta filen från `url` – den levereras från Kontainers CDN.

## Support

Om ni behöver hjälp med att sätta upp eller konfigurera pluginet för Strapi hjälper vår support gärna till.

Kontakta: [support@kontainer.com](mailto:support@kontainer.com)

## Other languages

- [English](https://helpdesk.kontainer.com/article/strapi-integration-guide/index.md)
- [Deutsch](https://helpdesk.kontainer.com/de/article/strapi-integrationsleitfaden/index.md)
- [Dansk](https://helpdesk.kontainer.com/da/article/integrationsguide-til-strapi/index.md)
- [Nederlands](https://helpdesk.kontainer.com/nl/article/integratiegids-voor-strapi/index.md)

## Related articles

- [Kontainers tillägg för Adobe Express](https://helpdesk.kontainer.com/sv/article/kontainers-tillagg-for-adobe-express/index.md): Sätt upp tillägget Kontainer Asset Picker för Adobe Express: vad ni behöver, var ni hittar er Kontainer-nyckel och hur ni ansluter, bläddrar och lägger till filer i era designer.
- [Kontainers plugins för Adobe Photoshop och Adobe InDesign](https://helpdesk.kontainer.com/sv/article/kontainers-plugins-for-adobe/index.md): Utöka möjligheterna med ert Kontainer DAM i Adobe Photoshop och Adobe InDesign. Pluginsen är enkla att installera och ger era designer smidigare arbetsflöden.
- [Kontainer x Drupal – guide till plugin](https://helpdesk.kontainer.com/sv/article/kontainer-x-drupal-guide-till-plugin/index.md): Premium+-funktion Installera vårt plugin för att lägga till en Kontainer-knapp i ert Drupal-CMS. Förbättra er Drupal-upplevelse med smidig import av media, effektiv CDN-integration och anpassningsbara…
- [Använd Kontainer med Canva](https://helpdesk.kontainer.com/sv/article/anvand-kontainer-med-canva/index.md): Kontainers plugin för Canva är enkelt att installera. När det är uppsatt kan ni dra och släppa bilder, videor med mera från Kontainer direkt in i er design i Canva. I pluginet för Canva hittar ni file…