{"id":68184,"date":"2022-02-22T14:35:54","date_gmt":"2022-02-22T14:35:54","guid":{"rendered":"https:\/\/morningtrain.dk\/how-to-use-a-headless-cms\/"},"modified":"2026-04-17T12:57:14","modified_gmt":"2026-04-17T12:57:14","slug":"how-to-use-a-headless-cms","status":"publish","type":"post","link":"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/","title":{"rendered":"How to use a headless CMS"},"content":{"rendered":"\n

Digitalisering<\/p>

22. februar 2022<\/p>

How to use a headless CMS<\/h1><\/div>

A headless CMS is typically built around the use of a content API, which is responsible for delivering content to your various applications\u2014but how do you use it? Let me elaborate on the five overall steps further below. <\/p><\/div>\n\n

\"\"<\/figure><\/div><\/section>\n\n
\n
\n

\n Indhold\n <\/p>\n \n De 5 steps\n <\/a>\n \n 1. Konfigurering\n <\/a>\n \n 2. Opbygning\n <\/a>\n \n 3. Redigering af indhold\n <\/a>\n \n 4. Import af indhold\n <\/a>\n \n 5. Inds\u00e6ttelse af indhold\n <\/a>\n <\/div>\n

\n \n\n

The 5 typical steps for how to use a headless CMS<\/strong> are<\/strong>:<\/p>\n\n\n\n

    \n
  1. Configuration and connection to applications<\/li>\n\n\n\n
  2. Building content types<\/li>\n\n\n\n
  3. Adding and editing content<\/a><\/li>\n\n\n\n
  4. Importing content<\/li>\n\n\n\n
  5. Inserting content into applications<\/li>\n<\/ol>\n\n\n\n

    You can also read about headless CMS in B2B contexts here<\/a>.<\/p>\n\n\n\n

    Step 1 \u2013 Configuration and connection to applications<\/strong><\/h2>\n\n\n\n

    In most headless CMSs<\/a>, you will need to start by configuring and connecting your applications to the headless CMS you have chosen.<\/p>\n\n\n\n

    Step 2 \u2013 Building content types<\/strong><\/h2>\n\n\n\n

    Once you have a connection from your application to your headless CMS, the next step is to build the content types you need.<\/p>\n\n\n\n

    This could be your blog articles, which should include a short title, an image, a URL<\/a>, and a longer text. You would typically build this using a set of fields that the headless CMS platform provides. <\/p>\n\n\n\n

    Step 3 \u2013 Adding and editing content\/content <\/strong><\/h2>\n\n\n\n

    Now that you have the different content types you need, you are ready to add your content to your headless CMS. This is the content that you will distribute to your applications via your content API. <\/p>\n\n\n\n

    \n

    For example, you create a blog post in your headless CMS, then enter the title, URL, text, images, and select the status of your blog post.<\/p>\n<\/blockquote>\n\n\n\n

    Step 4 \u2013 Importing content\/content <\/strong><\/h2>\n\n\n\n

    You can now try retrieving or editing your content using the content API, which is typically either REST or GraphQL.<\/p>\n\n\n\n

    Step 5 \u2013 Inserting content into applications<\/strong><\/h2>\n\n\n\n

    Now that you have a connection to your headless CMS, you can retrieve and edit content. This means that you now simply need to insert content into your applications. How you choose to do this depends on the type of applications you have. <\/p>\n\n\n\n

    In most cases, this involves fetching content via REST or GraphQL and then inserting it into your frontend<\/a> (React, Vue, Blade, etc.).<\/p>\n\n\n\n

    There are several different headless CMS platforms, all built around delivering content across applications.<\/p>\n\n\n\n

    Some of the most popular (based on number of GitHub stars and brand) are:<\/p>\n\n\n\n

      \n
    1. Strapi<\/a> (Open source)<\/li>\n\n\n\n
    2. Ghost<\/a> (Open source)<\/li>\n\n\n\n
    3. Netlify CMS (Open source)<\/li>\n\n\n\n
    4. Directus<\/a> (Open source)<\/li>\n\n\n\n
    5. Umbraco Heartcore<\/a> (Closed source)<\/li>\n\n\n\n
    6. Sanity<\/a> (Closed source)<\/li>\n\n\n\n
    7. https:\/\/statamic.com<\/a> (Open source)<\/li>\n\n\n\n
    8. Contentful<\/a> (Closed source)<\/li>\n<\/ol>\n\n\n <\/div>\n
      \n <\/div>\n <\/div>\n <\/section>\n\n","protected":false},"excerpt":{"rendered":"

      A headless CMS<\/a> is typically built around the use of a content API<\/a>, which is responsible for delivering content to your various applications\u2014but how do you use it? Let me elaborate on the five overall steps further below. <\/p>\n","protected":false},"author":10,"featured_media":68185,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[285],"tags":[],"class_list":["post-68184","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digitalization"],"acf":[],"yoast_head":"\nHow to typically use a headless CMS | Morningtrain<\/title>\n<meta name=\"description\" content=\"The 4 typical high-level steps for how to use a headless CMS are as follows...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to typically use a headless CMS | Morningtrain\" \/>\n<meta property=\"og:description\" content=\"The 4 typical high-level steps for how to use a headless CMS are as follows...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/\" \/>\n<meta property=\"og:site_name\" content=\"Morningtrain\" \/>\n<meta property=\"article:published_time\" content=\"2022-02-22T14:35:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-17T12:57:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Saadan-bruger-du-et-headless-CMS.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1248\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"nj@morningtrain.dk\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"nj@morningtrain.dk\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/\"},\"author\":{\"name\":\"nj@morningtrain.dk\",\"@id\":\"https:\/\/morningtrain.dk\/en\/#\/schema\/person\/14c155c42db722a1f647464cdf6758aa\"},\"headline\":\"How to use a headless CMS\",\"datePublished\":\"2022-02-22T14:35:54+00:00\",\"dateModified\":\"2026-04-17T12:57:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/\"},\"wordCount\":364,\"image\":{\"@id\":\"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Saadan-bruger-du-et-headless-CMS.png\",\"articleSection\":[\"Digitalization\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/\",\"url\":\"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/\",\"name\":\"How to typically use a headless CMS | Morningtrain\",\"isPartOf\":{\"@id\":\"https:\/\/morningtrain.dk\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Saadan-bruger-du-et-headless-CMS.png\",\"datePublished\":\"2022-02-22T14:35:54+00:00\",\"dateModified\":\"2026-04-17T12:57:14+00:00\",\"author\":{\"@id\":\"https:\/\/morningtrain.dk\/en\/#\/schema\/person\/14c155c42db722a1f647464cdf6758aa\"},\"description\":\"The 4 typical high-level steps for how to use a headless CMS are as follows...\",\"breadcrumb\":{\"@id\":\"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/#primaryimage\",\"url\":\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Saadan-bruger-du-et-headless-CMS.png\",\"contentUrl\":\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Saadan-bruger-du-et-headless-CMS.png\",\"width\":1248,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/morningtrain.dk\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to use a headless CMS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/morningtrain.dk\/en\/#website\",\"url\":\"https:\/\/morningtrain.dk\/en\/\",\"name\":\"Morningtrain\",\"description\":\"Digitalt bureau p\u00e5 1' klasse\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/morningtrain.dk\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/morningtrain.dk\/en\/#\/schema\/person\/14c155c42db722a1f647464cdf6758aa\",\"name\":\"nj@morningtrain.dk\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/morningtrain.dk\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"nj@morningtrain.dk\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to typically use a headless CMS | Morningtrain","description":"The 4 typical high-level steps for how to use a headless CMS are as follows...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/","og_locale":"en_US","og_type":"article","og_title":"How to typically use a headless CMS | Morningtrain","og_description":"The 4 typical high-level steps for how to use a headless CMS are as follows...","og_url":"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/","og_site_name":"Morningtrain","article_published_time":"2022-02-22T14:35:54+00:00","article_modified_time":"2026-04-17T12:57:14+00:00","og_image":[{"width":1248,"height":720,"url":"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Saadan-bruger-du-et-headless-CMS.png","type":"image\/png"}],"author":"nj@morningtrain.dk","twitter_card":"summary_large_image","twitter_misc":{"Written by":"nj@morningtrain.dk","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/#article","isPartOf":{"@id":"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/"},"author":{"name":"nj@morningtrain.dk","@id":"https:\/\/morningtrain.dk\/en\/#\/schema\/person\/14c155c42db722a1f647464cdf6758aa"},"headline":"How to use a headless CMS","datePublished":"2022-02-22T14:35:54+00:00","dateModified":"2026-04-17T12:57:14+00:00","mainEntityOfPage":{"@id":"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/"},"wordCount":364,"image":{"@id":"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/#primaryimage"},"thumbnailUrl":"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Saadan-bruger-du-et-headless-CMS.png","articleSection":["Digitalization"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/","url":"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/","name":"How to typically use a headless CMS | Morningtrain","isPartOf":{"@id":"https:\/\/morningtrain.dk\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/#primaryimage"},"image":{"@id":"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/#primaryimage"},"thumbnailUrl":"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Saadan-bruger-du-et-headless-CMS.png","datePublished":"2022-02-22T14:35:54+00:00","dateModified":"2026-04-17T12:57:14+00:00","author":{"@id":"https:\/\/morningtrain.dk\/en\/#\/schema\/person\/14c155c42db722a1f647464cdf6758aa"},"description":"The 4 typical high-level steps for how to use a headless CMS are as follows...","breadcrumb":{"@id":"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/#primaryimage","url":"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Saadan-bruger-du-et-headless-CMS.png","contentUrl":"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Saadan-bruger-du-et-headless-CMS.png","width":1248,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/morningtrain.dk\/en\/how-to-use-a-headless-cms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/morningtrain.dk\/en\/"},{"@type":"ListItem","position":2,"name":"How to use a headless CMS"}]},{"@type":"WebSite","@id":"https:\/\/morningtrain.dk\/en\/#website","url":"https:\/\/morningtrain.dk\/en\/","name":"Morningtrain","description":"Digitalt bureau p\u00e5 1' klasse","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/morningtrain.dk\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/morningtrain.dk\/en\/#\/schema\/person\/14c155c42db722a1f647464cdf6758aa","name":"nj@morningtrain.dk","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/morningtrain.dk\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"nj@morningtrain.dk"}}]}},"_links":{"self":[{"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/posts\/68184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/comments?post=68184"}],"version-history":[{"count":3,"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/posts\/68184\/revisions"}],"predecessor-version":[{"id":68373,"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/posts\/68184\/revisions\/68373"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/media\/68185"}],"wp:attachment":[{"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/media?parent=68184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/categories?post=68184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/tags?post=68184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}