Source plugin providing Kentico Kontent data from REST Delivery API

Usage no npm install needed!

<script type="module">
  import simply007orgGatsbyKontentComponents from 'https://cdn.skypack.dev/@simply007org/gatsby-kontent-components';


Gatsby Kontent Packages

build lerna Stack Overflow

Monorepo with Gatsby Kontent packages.

The repository contains the development site (/site) that could automatically load packages (packages) thanks to yarn workspaces.



Package Summary Version
Gatsby Source Kontent Plugin plugin providing data from Kentico Kontent REST API to Gatsby GraphQL model npm version
Gatsby Kontent Components package containing React components useful when processing Kontent data to site npm version


  • Development Site - Site using for development purposes and code examples showcasing packages possibilities


Navigation showcase

  • Navigation showcase - Showcase including the navigation best practices. Description, how to do the content modeling with all benefits of the modular content as well as have tree-based menu structure.

Resolution showcase

  • Resolution showcase - Demonstration how to resolve the Rich Text element and it's inline images, inline content items, and content components.

Relationships showcase

  • Relationships showcase - Schema customization examples demonstrating relationship possibilities among Kontent GraphQL nodes.



  • Nodejs
  • Yarn - npm is not supported for development, because of workspaces support lack.

It is completely OK to use npm as a package manager in your application, npm is not supported just the packages development.


  1. Install packages

    yarn # install all npm dependencies in the repository
  2. Start watch mode packages

    yarn watch # run watch mode through all packages source code
  3. Run development site

    yarn develop:site # run `gatsby develop` command in the development site

Now you are good to go. You could start browsing http://localhost:8000 for development site and http://localhost:8000/___graphql for GraphiQL explorer.


To run all tests, there is npm script prepared.

yarn test # run test script in all packages as well as in the development site
  • Packages are using Jest framework for testing.


To build all of the packages as well as a development site, you could use one command.

yarn build # run build script in all packages as well as in the development site


To lint all of the packages as well as a development site, you could use one command.

yarn lint # run lint script in all packages as well as in the development site
  • Packages are using ESLint with Typescript plugins for linting.


As a publishing framework, there is a Lerna framework set up. This package is using Fixed/Locked mode. All minor and major changes should publish all packages, in case of patch version, it is up to developer decision.

How to publish new version

If you have the rights to publish packages, just use lerna and specify the version when prompted. All the changes made by lerna are automatically committed.

A typical scenario is when everything is ready and you want to publish the version, just use command.

npx lerna publish --tag-version-prefix=''

That should summarize the publish information and prompt you to define the version number and acknowledge the publish. Once everything is OK and you acknowledge the publish:

  • the new version is published to npm
  • <YOUR VERSION> is set to lerna.json's version
  • commit with this change (and package.json files version changes) is pushed to the repository
    • commit also contains tag <YOUR VERSION> that could be used for creating GitHub release if you want

:bulb: If you want to test out the beta version first (which is recommended) use following command and if everything is OK, release another patch version as the final version.

npx lerna publish --tag-version-prefix='' --dist-tag=beta