---
title: "Academy Lesson"
canonical_url: "https://academy.laioutr.com/en/lektionen/go-live-connect-hygraph"
locale: en
meta:
  "og:title": "Academy Lesson"
---

[Go to home](https://academy.laioutr.com/en)

- [From sign-up to go-live](https://academy.laioutr.com/en/lernpfade/from-sign-up-to-go-live)

- [Connect Hygraph as CMS](https://academy.laioutr.com/en/lektionen/go-live-connect-hygraph)

Connect data

# Connect Hygraph as CMS

7 min

Teams that maintain editorial content in Hygraph connect the CMS as an app. This lesson shows the values needed from Hygraph, the app configuration and how Hygraph content then appears in sections in Studio. Shop data and CMS content are then available side by side.

## Key takeaways

- Like any other system, Hygraph connects as an app.
- The values come from the Hygraph project.
- Hygraph content fills sections in Studio.

## Read more

- [Connect Hygraph](https://academy.laioutr.com/en/apps/connect-hygraph)10 min

  The Hygraph app connects a Hygraph project to Laioutr through the Content API. Hygraph content appears in Studio through Orchestr, and Hygraph assets are available in the media library.

## Structured Data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@id": "https://academy.laioutr.com/#website",
      "@type": "WebSite",
      "inLanguage": "en",
      "name": "Default",
      "url": "https://academy.laioutr.com/",
      "translationOfWork": {
        "@id": "https://academy.laioutr.com/#website"
      }
    },
    {
      "@id": "https://academy.laioutr.com/en/lektionen/go-live-connect-hygraph#webpage",
      "@type": "WebPage",
      "name": "Academy Lesson",
      "url": "https://academy.laioutr.com/en/lektionen/go-live-connect-hygraph",
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/en/lektionen/go-live-connect-hygraph#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/en/lektionen/go-live-connect-hygraph"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/en/lektionen/go-live-connect-hygraph#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/en",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "From sign-up to go-live",
          "item": "https://academy.laioutr.com/en/lernpfade/from-sign-up-to-go-live",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Connect Hygraph as CMS",
          "item": "https://academy.laioutr.com/en/lektionen/go-live-connect-hygraph",
          "position": 3
        }
      ]
    }
  ]
}
```