Kontent.ai
Copyright © 2023 Kontent.ai. All rights reserved.
  • Web
  • Privacy policy
  • Cookies policy
  • Consent settings
  • Security
  • GDPR
  • Documentation
  • API reference
  • Product updates
Kontent.ai Learn
  • Plan
  • Set up
  • Model
  • Develop
  • Create

Quickstart in 5 minutes

Is this page helpful?
Complete and continue
  • Sign in
  • Jan Cerman
    4 minutes
    Display content from your own sample project in a few easy steps.This is a great place to start if you’re new to headless CMSs.

    Prerequisites

    Sign in to your Kontent.ai account, or sign up if you don’t have one yet. After you sign in, you’ll get the Getting Started Project, which you’ll use later.

    1. Open your sample project

    In Kontent.ai, use the dropdown at the top to select the Getting Started Project.
    With the project open, you need to find its ID. Then you’ll be able to make an API call for that project’s content.

    2. Find the project’s ID

    To retrieve any content, you need to know its ID. In Kontent.ai, your project’s content lives within environments. The Getting Started Project has just a single environment named Production. To find the Production environment’s ID:
    1. In Environment settings, click General.
    2. In the Environment ID card, click Copy to clipboard.
    For example, the environment ID might look like this 5d15cca0-e806-0032-2a8f-2ecef71a50e3. With the environment ID ready, let’s find content to display.

    3. Open a published content item

    When you go to Content & assets, you see three content items.
    • 🌟Welcome to Kontent.ai – Read Me First🌟
    • Landing page with product listing
    • Product
    Click the content item named Landing page with product listing to open it.

    4. Find the content item’s identifier

    To retrieve the content item via API, you need to identify it. Here you’re looking for the item’s codename. To find the item’s codename:
    1. Click the Actions button in the top right.
    2. From the list of actions, select Codename.
    3. Click Copy to clipboard.
    For example, the item’s codename might look like this landing_page_with_product_listing. It’s time to combine the identifiers and get your project's content item.

    5. Display the content item

    You know how to identify the environment and the content item. With these two identifiers, you can retrieve the content item via Delivery API and display the item’s content. In the interactive example below, there’s a simple HTML page that’s populated by JavaScript. To display the content item from your own project, select the JS tab and use your environment ID and content item codename you got earlier.
    In the next lesson, you will learn about more ways to get content from your project.
    What's next?
    Get content from your project
    Getting content from your project is one of the core responsibilities of your app.Discover how to use basic filtering to retrieve some of your project’s published content items, such as articles.
    • Develop with Kontent.ai
    • Hello World
    • Hello Web Spotlight
    • Run a sample app
    • Build apps
    • Decide navigation and URLs
    • Environments
    • Get Developer Certification
    Open a list of your Kontent.ai projects.
    The landing page you're going to display.
    • Quickstart
    • Get content
    • Get localized content
    • Use the right filters
  • Prerequisites
  • 1. Open your sample project
  • 2. Find the project’s ID
  • 3. Open a published content item
  • 4. Find the content item’s identifier
  • 5. Display the content item