
## Introduction
Sitecore Content Hub ONE is a cloud-native, agile headless Content Management System (CMS), for developers and marketers to efficiently launch centrally managed, reusable omnichannel experiences. With Content Hub ONE, you can quickly model, author and deliver content of any type, for any channel. Business users can manage content using a simple modern user interface, while developers can make use of comprehensive APIs and SDKs to create and deliver omnichannel experiences.

> With the release of SitecoreAI, further information can be found in [Content management](/sitecoreai/capabilities/csm).


<VideoPromo youTubeId="cP2BBlgKZS8" title="" description="Content Hub ONE is designed for brands that need an agile headless CMS to support quickly evolving experiences targeting multiple channels. With Content Hub ONE marketers can deliver consistency across touchpoints while maintaining the content in one central location." />

## Quickstarts

### Get Started using our examples

The examples provide a basic example of connecting with the Content Hub ONE GraphQL API using various frameworks.
<Row columns={3}>
<Repository framework="Nextjs" description="Starter kit using Content Hub ONE and Next.js" repositoryUrl="https://github.com/Sitecore/content-hub-one-nextjs-starterkit" />
<Repository framework="Nextjs" description="Example implementation of Content Hub ONE and Next.js" repositoryUrl="https://github.com/Sitecore/contenthubone-examples/tree/main/hello-world-nextjs" />
<Repository framework="vue" description="Example implementation of Content Hub ONE and Vue.js" repositoryUrl="https://github.com/Sitecore/contenthubone-examples/tree/main/hello-world-vue" />
<Repository framework="astro" description="Example implementation of Content Hub ONE and Astro" repositoryUrl="https://github.com/Sitecore/contenthubone-examples/tree/main/hello-world-astro" />
<Repository framework="svelte" description="Example implementation of Content Hub ONE and Svelte" repositoryUrl="https://github.com/Sitecore/contenthubone-examples/tree/main/hello-world-svelte" />
</Row>
<sub>_To connect the examples with Content Hub ONE you need an active subscription_</sub>

### Sitecore demo

The Sitecore Demo Solutions team created demo's that Sitecore partners and sellers can use to demo Content Hub ONE. These example projects are intended to highlight different features of Content Hub ONE and should not be considered as a starter kit or templated solution.
<Row columns={3}>
<Repository framework="reactnative" name="PLAY! Media Native" description="React Native mobile app will allow users to submit content from end to end." repositoryUrl="https://github.com/Sitecore/Sitecore.Demo.CHONE/tree/main/play-media-native" />
<Repository framework="nextjs" name="PLAY! Media Next.js" description="Next.js responsive and mobile-first website with events and athletes." repositoryUrl="https://github.com/Sitecore/Sitecore.Demo.CHONE/tree/main/play-media/src" />
</Row>
<sub>_To connect the examples with Content Hub ONE you need an active subscription_</sub>

## Implementation Guides

These guidance documents aim to help you understand what kind of project management and implementation practices are recommended by Sitecore to implement Content Hub ONE.
<Row columns={2}>

  <Article title="Project Management guidance deck" imageUrl="https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/chone-projectmanagement?v=db21657b" link="https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/chone-projectmanagement-template?v=93cd70cb" hideLinkText="true" />
  <Article title="Estimation guidance document" imageUrl="https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/chone-excel?v=95ca31e5" link="https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/chone-project-sizing-tool?v=228faf14" hideLinkText="true" />
</Row>

## Documentation

<Row columns="3">
<Link title="User Documentation" link="https://doc.sitecore.com/ch-one/en/users/content-hub-one/working-with-content-hub-one.html" />
<Link title="Developer Documentation" link="https://doc.sitecore.com/ch-one/en/developers/content-hub-one/developing-with-content-hub-one.html" />
<Link title="Architecture" link="https://doc.sitecore.com/ch-one/en/developers/content-hub-one/architecture.html" />
<Link title="Content Management API" link="https://doc.sitecore.com/ch-one/en/developers/content-hub-one/content-management-api.html" />
<Link title="Preview and Delivery API" link="https://doc.sitecore.com/ch-one/en/developers/content-hub-one/graphql--preview-and-delivery-apis.html" />
<Link title="Content Hub ONE CLI" link="https://doc.sitecore.com/ch-one/en/developers/content-hub-one/content-hub-one-cli.html" />
<Link title="Content Hub ONE client SDK" link="https://doc.sitecore.com/ch-one/en/developers/content-hub-one/content-hub-one-sdk.html" />
</Row>

## Access

- [Sitecore Cloud Portal (requires authentication)](https://portal.sitecorecloud.io/)
- [Content Hub ONE Homepage (requires authentication)](https://content.sitecorecloud.io/)


## Official Sitecore Training

- [Getting Started with Content Hub ONE](https://learning.sitecore.com/learn/course/internal/view/elearning/1157/getting-started-with-content-hub-one)


Centrally manage your omnichannel content with a cloud-hosted headless Web CMS.

Introduction

Quickstarts

Implementation Guides

Documentation

Access

Official Sitecore Training

"use strict";
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
const {useMDXComponents: _provideComponents} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    a: "a",
    blockquote: "blockquote",
    em: "em",
    h2: "h2",
    h3: "h3",
    li: "li",
    p: "p",
    svg: "svg",
    ul: "ul",
    use: "use",
    ..._provideComponents(),
    ...props.components
  }, {Article, Link, Repository, Row, VideoPromo} = _components;
  if (!Article) _missingMdxReference("Article", true);
  if (!Link) _missingMdxReference("Link", true);
  if (!Repository) _missingMdxReference("Repository", true);
  if (!Row) _missingMdxReference("Row", true);
  if (!VideoPromo) _missingMdxReference("VideoPromo", true);
  return _jsxs(_Fragment, {
    children: [_jsxs(_components.h2, {
      id: "introduction",
      children: ["Introduction", _jsx(_components.a, {
        className: "anchor",
        title: "Quick link to category",
        href: "#introduction",
        children: _jsx(_components.svg, {
          width: "16",
          height: "16",
          viewBox: "0 0 16 16",
          display: "inline",
          className: "MarkdownContent-module__qZFooG__anchor",
          children: _jsx(_components.use, {
            xlinkHref: "#link-icon",
            href: "#link-icon"
          })
        })
      })]
    }), "\n", _jsx(_components.p, {
      children: "Sitecore Content Hub ONE is a cloud-native, agile headless Content Management System (CMS), for developers and marketers to efficiently launch centrally managed, reusable omnichannel experiences. With Content Hub ONE, you can quickly model, author and deliver content of any type, for any channel. Business users can manage content using a simple modern user interface, while developers can make use of comprehensive APIs and SDKs to create and deliver omnichannel experiences."
    }), "\n", _jsxs(_components.blockquote, {
      children: ["\n", _jsxs(_components.p, {
        children: ["With the release of SitecoreAI, further information can be found in ", _jsx(_components.a, {
          href: "/sitecoreai/capabilities/csm",
          children: "Content management"
        }), "."]
      }), "\n"]
    }), "\n", _jsx(VideoPromo, {
      youTubeId: "cP2BBlgKZS8",
      title: "",
      description: "Content Hub ONE is designed for brands that need an agile headless CMS to support quickly evolving experiences targeting multiple channels. With Content Hub ONE marketers can deliver consistency across touchpoints while maintaining the content in one central location."
    }), "\n", _jsxs(_components.h2, {
      id: "quickstarts",
      children: ["Quickstarts", _jsx(_components.a, {
        className: "anchor",
        title: "Quick link to category",
        href: "#quickstarts",
        children: _jsx(_components.svg, {
          width: "16",
          height: "16",
          viewBox: "0 0 16 16",
          display: "inline",
          className: "MarkdownContent-module__qZFooG__anchor",
          children: _jsx(_components.use, {
            xlinkHref: "#link-icon",
            href: "#link-icon"
          })
        })
      })]
    }), "\n", _jsxs(_components.h3, {
      id: "get-started-using-our-examples",
      children: ["Get Started using our examples", _jsx(_components.a, {
        className: "anchor",
        title: "Quick link to category",
        href: "#get-started-using-our-examples",
        children: _jsx(_components.svg, {
          width: "16",
          height: "16",
          viewBox: "0 0 16 16",
          display: "inline",
          className: "MarkdownContent-module__qZFooG__anchor",
          children: _jsx(_components.use, {
            xlinkHref: "#link-icon",
            href: "#link-icon"
          })
        })
      })]
    }), "\n", _jsx(_components.p, {
      children: "The examples provide a basic example of connecting with the Content Hub ONE GraphQL API using various frameworks."
    }), "\n", _jsxs(Row, {
      columns: 3,
      children: [_jsx(Repository, {
        framework: "Nextjs",
        description: "Starter kit using Content Hub ONE and Next.js",
        repositoryUrl: "https://github.com/Sitecore/content-hub-one-nextjs-starterkit"
      }), _jsx(Repository, {
        framework: "Nextjs",
        description: "Example implementation of Content Hub ONE and Next.js",
        repositoryUrl: "https://github.com/Sitecore/contenthubone-examples/tree/main/hello-world-nextjs"
      }), _jsx(Repository, {
        framework: "vue",
        description: "Example implementation of Content Hub ONE and Vue.js",
        repositoryUrl: "https://github.com/Sitecore/contenthubone-examples/tree/main/hello-world-vue"
      }), _jsx(Repository, {
        framework: "astro",
        description: "Example implementation of Content Hub ONE and Astro",
        repositoryUrl: "https://github.com/Sitecore/contenthubone-examples/tree/main/hello-world-astro"
      }), _jsx(Repository, {
        framework: "svelte",
        description: "Example implementation of Content Hub ONE and Svelte",
        repositoryUrl: "https://github.com/Sitecore/contenthubone-examples/tree/main/hello-world-svelte"
      })]
    }), "\n", _jsx("sub", {
      children: _jsx(_components.em, {
        children: "To connect the examples with Content Hub ONE you need an active subscription"
      })
    }), "\n", _jsxs(_components.h3, {
      id: "sitecore-demo",
      children: ["Sitecore demo", _jsx(_components.a, {
        className: "anchor",
        title: "Quick link to category",
        href: "#sitecore-demo",
        children: _jsx(_components.svg, {
          width: "16",
          height: "16",
          viewBox: "0 0 16 16",
          display: "inline",
          className: "MarkdownContent-module__qZFooG__anchor",
          children: _jsx(_components.use, {
            xlinkHref: "#link-icon",
            href: "#link-icon"
          })
        })
      })]
    }), "\n", _jsx(_components.p, {
      children: "The Sitecore Demo Solutions team created demo's that Sitecore partners and sellers can use to demo Content Hub ONE. These example projects are intended to highlight different features of Content Hub ONE and should not be considered as a starter kit or templated solution."
    }), "\n", _jsxs(Row, {
      columns: 3,
      children: [_jsx(Repository, {
        framework: "reactnative",
        name: "PLAY! Media Native",
        description: "React Native mobile app will allow users to submit content from end to end.",
        repositoryUrl: "https://github.com/Sitecore/Sitecore.Demo.CHONE/tree/main/play-media-native"
      }), _jsx(Repository, {
        framework: "nextjs",
        name: "PLAY! Media Next.js",
        description: "Next.js responsive and mobile-first website with events and athletes.",
        repositoryUrl: "https://github.com/Sitecore/Sitecore.Demo.CHONE/tree/main/play-media/src"
      })]
    }), "\n", _jsx("sub", {
      children: _jsx(_components.em, {
        children: "To connect the examples with Content Hub ONE you need an active subscription"
      })
    }), "\n", _jsxs(_components.h2, {
      id: "implementation-guides",
      children: ["Implementation Guides", _jsx(_components.a, {
        className: "anchor",
        title: "Quick link to category",
        href: "#implementation-guides",
        children: _jsx(_components.svg, {
          width: "16",
          height: "16",
          viewBox: "0 0 16 16",
          display: "inline",
          className: "MarkdownContent-module__qZFooG__anchor",
          children: _jsx(_components.use, {
            xlinkHref: "#link-icon",
            href: "#link-icon"
          })
        })
      })]
    }), "\n", _jsx(_components.p, {
      children: "These guidance documents aim to help you understand what kind of project management and implementation practices are recommended by Sitecore to implement Content Hub ONE."
    }), "\n", _jsxs(Row, {
      columns: 2,
      children: [_jsx(Article, {
        title: "Project Management guidance deck",
        imageUrl: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/chone-projectmanagement?v=db21657b",
        link: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/chone-projectmanagement-template?v=93cd70cb",
        hideLinkText: "true"
      }), _jsx(Article, {
        title: "Estimation guidance document",
        imageUrl: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/chone-excel?v=95ca31e5",
        link: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/chone-project-sizing-tool?v=228faf14",
        hideLinkText: "true"
      })]
    }), "\n", _jsxs(_components.h2, {
      id: "documentation",
      children: ["Documentation", _jsx(_components.a, {
        className: "anchor",
        title: "Quick link to category",
        href: "#documentation",
        children: _jsx(_components.svg, {
          width: "16",
          height: "16",
          viewBox: "0 0 16 16",
          display: "inline",
          className: "MarkdownContent-module__qZFooG__anchor",
          children: _jsx(_components.use, {
            xlinkHref: "#link-icon",
            href: "#link-icon"
          })
        })
      })]
    }), "\n", _jsxs(Row, {
      columns: "3",
      children: [_jsx(Link, {
        title: "User Documentation",
        link: "https://doc.sitecore.com/ch-one/en/users/content-hub-one/working-with-content-hub-one.html"
      }), _jsx(Link, {
        title: "Developer Documentation",
        link: "https://doc.sitecore.com/ch-one/en/developers/content-hub-one/developing-with-content-hub-one.html"
      }), _jsx(Link, {
        title: "Architecture",
        link: "https://doc.sitecore.com/ch-one/en/developers/content-hub-one/architecture.html"
      }), _jsx(Link, {
        title: "Content Management API",
        link: "https://doc.sitecore.com/ch-one/en/developers/content-hub-one/content-management-api.html"
      }), _jsx(Link, {
        title: "Preview and Delivery API",
        link: "https://doc.sitecore.com/ch-one/en/developers/content-hub-one/graphql--preview-and-delivery-apis.html"
      }), _jsx(Link, {
        title: "Content Hub ONE CLI",
        link: "https://doc.sitecore.com/ch-one/en/developers/content-hub-one/content-hub-one-cli.html"
      }), _jsx(Link, {
        title: "Content Hub ONE client SDK",
        link: "https://doc.sitecore.com/ch-one/en/developers/content-hub-one/content-hub-one-sdk.html"
      })]
    }), "\n", _jsxs(_components.h2, {
      id: "access",
      children: ["Access", _jsx(_components.a, {
        className: "anchor",
        title: "Quick link to category",
        href: "#access",
        children: _jsx(_components.svg, {
          width: "16",
          height: "16",
          viewBox: "0 0 16 16",
          display: "inline",
          className: "MarkdownContent-module__qZFooG__anchor",
          children: _jsx(_components.use, {
            xlinkHref: "#link-icon",
            href: "#link-icon"
          })
        })
      })]
    }), "\n", _jsxs(_components.ul, {
      children: ["\n", _jsx(_components.li, {
        children: _jsx(_components.a, {
          href: "https://portal.sitecorecloud.io/",
          children: "Sitecore Cloud Portal (requires authentication)"
        })
      }), "\n", _jsx(_components.li, {
        children: _jsx(_components.a, {
          href: "https://content.sitecorecloud.io/",
          children: "Content Hub ONE Homepage (requires authentication)"
        })
      }), "\n"]
    }), "\n", _jsxs(_components.h2, {
      id: "official-sitecore-training",
      children: ["Official Sitecore Training", _jsx(_components.a, {
        className: "anchor",
        title: "Quick link to category",
        href: "#official-sitecore-training",
        children: _jsx(_components.svg, {
          width: "16",
          height: "16",
          viewBox: "0 0 16 16",
          display: "inline",
          className: "MarkdownContent-module__qZFooG__anchor",
          children: _jsx(_components.use, {
            xlinkHref: "#link-icon",
            href: "#link-icon"
          })
        })
      })]
    }), "\n", _jsxs(_components.ul, {
      children: ["\n", _jsx(_components.li, {
        children: _jsx(_components.a, {
          href: "https://learning.sitecore.com/learn/course/internal/view/elearning/1157/getting-started-with-content-hub-one",
          children: "Getting Started with Content Hub ONE"
        })
      }), "\n"]
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = {
    ..._provideComponents(),
    ...props.components
  };
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};
function _missingMdxReference(id, component) {
  throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it.");
}


Content Hub ONE

Discover Sitecore

Sitecore Content Hub ONE is a cloud-native, agile headless content management system (CMS), for developers and marketers to efficiently launch centrally managed, reusable omnichannel experiences. 

With Sitecore Content Hub ONE, you can quickly model, author and deliver content of any type, for any channel. Business users can manage content using a simple modern user interface, while developers can make use of comprehensive APIs and SDKs to create and deliver omnichannel experiences.

In this video, Sitecore Developer Advocate Sebastian Winter provides an informative and insightful demo of Sitecore Content Hub ONE, including step-by-step instructions on how to model your content, create your content, upload your media items, and get it to your channel.

After the video, click the link below for a deeper dive into Sitecore Content Hub ONE, including quickstart guides, examples, and more. 

https://developers.sitecore.com/content-management/content-hub-one

Sitecore Content Hub ONE: Introduction for Developers

Sitecore Content Hub ONE is a cloud-native, agile headless content management system (CMS), for developers and marketers to efficiently launch centrally managed, reusable omnichannel experiences. 

With Content Hub ONE, you can quickly model, author and deliver content of any type, for any channel. Business users can manage content using a simple modern user interface, while developers can make use of comprehensive APIs and SDKs to create and deliver omnichannel experiences.

In this video, Sitecore Developer Advocate Sebastian Winter dives into what content modeling means, and provides demos and examples of how to create content models in Sitecore Content Hub ONE and use them afterwards.

CHAPTERS:
00:00 - Introduction
00:18 - What is content modeling?
02:51 - Creating content
04:55 - Content model
05:58 - Content type

After watching the video, click the link below to learn more about a headless CMS system that promises agile, omnichannel experience delivery.

https://www.sitecore.com/blog/content/what-is-content-hub-one

Sitecore Content Hub ONE: Content Modeling

Sitecore Content Hub ONE is a cloud-native, agile headless content management system (CMS), which enables developers and marketers to efficiently launch centrally managed, reusable omnichannel experiences. 

To accelerate, simplify, and streamline the implementation and onboarding process, Sitecore Content Hub ONE includes a range of starter kits tailored for various frameworks. The starter kits also contain examples on how to utilize Sitecore Content Hub ONE's APIs, SDK, and CLI. 

In this video, Sitecore Developer Advocate Sebastian Winter walks through the process of installing the NextJS Starter Kit in Sitecore Content Hub ONE. At the end of his tutorial, Sebastian brings everything together by creating a new events page.

Chapters:
[00:00] Introduction
[00:40] Overview
[01:09] Prerequisites
[01:44] Setup Starter Kit
[06:13] How to get started with Customer Development
[06:31] Content Modeling
[08:17] Upload Images
[08:57] Content Creation
[11:47] Query Content on Preview Endpoint
[14:14] Implement Query in App
[16:54] Implement the Object Types
[19:52] Implement Library
[21:53] Build an Events Page

After watching the video, click the link below to learn more about the rise of the omnichannel CMS and how Content Hub ONE is a solid foundation for future growth.

https://www.sitecore.com/blog/content/what-is-content-hub-one

You can find the used Repository here: https://github.com/Sitecore/content-hub-one-nextjs-starterkit
Checkout the developer documentation: https://doc.sitecore.com/ch-one/en/developers/content-hub-one/developing-with-content-hub-one.html
For more information check out: https://developers.sitecore.com/content-management/content-hub-one

Links:
[1:27] https://www.youtube.com/watch?v=akfHgurFwds

Centrally manage your omnichannel content with a cloud-hosted headless Web CMS.

Introduction

Quickstarts

Get Started using our examples

Sitecore demo

Implementation Guides

Project Management guidance deck

Estimation guidance document

Documentation

Access

Official Sitecore Training

Latest Sitecore Content Hub ONE videos