Vad är en "Headless CMS"

• Strapi
• Installera Strapi och skapa ett nytt projekt
• Starta projektet

Vanliga CMS-verktyg som Drupal, WordPress och Episerver består av en del för att spara och hantera innehåll som är dess backend och en uppsättning mallar, moduler och funktioner för att presentera innehållet. Ett Headless CMS sköter enbart innehållshanteringen. Du når innehållet via ett API och hur du väljer att presentera det är helt enkelt upp till dig, i mitt fall använder jag Gatsby och för att presentera innehållet och GraphiQl som databaslager. Det ligger utanför CMS-verktyget, vilket gör att den tekniken du vill använda för att konsumera innehållet är helt upp till dig, och inte bundet som de vanliga CMS verktygen.

Strapi

Strapi är en "headless CMS" med öppen källkod, baserat på Node.js för att hantera innehåll och göra det tillgängligt genom ett helt anpassningsbart API. Den är utformad för att bygga praktiska, produktionsklara Node.js API: er i timmar istället för veckor.

Installera Strapi och skapa ett nytt projekt

npx create-strapi-app my-project --quickstart

Om du vill använda en specifik databas, behöver du inte använda --quickstart-flaggan. CLI låter dig välja vilken databas du väljer. Quickstart flaggan skapar automatisk en SQLite databas som kan vara utmärkt i design och prototypfasen OBS! Om du använder en specifik databas utan Quickstart måste den den databasen vara igång innan du skapar ditt Strapi-projekt

Starta projektet

För att starta din Strapi-applikation måste du köra följande kommando i din applikationsmapp.

npm run develop

Om du skapade din applikation med hjälp av Quickstart flaggan kör den igång automatiskt din applikation på http://localhost:1337/admin

Fyll i formuläret på sidan som har öppnats för att skapa Admin kontot, klicka sedan på "Ready to start"

GRATTIS: Nu kan du skapa din frontend som tex via Gatsby , och genom GraphiQL ställa de fågor till Strapi bakend och du får då en färdig API som du kan sedan andävnda i Gatsby