Creating an Interactive Developer Portal with GraphQL

Creating an Interactive Developer Portal with GraphQL

Jun 15, 2021

In this tutorial, you'll learn how to get to the next level of API documentation using Kong Developer Portal with GraphQL. Learn more about Kong Konnect and start a free trial:

  • What You’ll Need (1:00)
  • Create a Template (3:30)
  • Add Content (5:26)
  • Edit Title (6:27)
  • Add an API URL (7:55)
  • Copy Example Code from GraphiQL (9:04)
  • Test the Interactive Developer Portal (11:34)
  • Add a Link to the Navigation (14:08)

In my example, I’ll be using Kong Konnect Enterprise Version 2.4, but the version number does not really matter. I also configured my workspace with one service that points to a Star Wars API endpoint with a GraphQL interface (

We’ll also be using an open source tool called GraphiQL for interactive documentation of a GraphQL endpoint. With GraphiQL, we’ll see requests, responses and automated generation of documentation based on the endpoint.

Read the full tutorial blog post:

Contact us if you have any questions as you’re getting set up:

Once you’ve set up Konnect and Okta, you may find these other tutorials helpful:

#GraphQL #DevPortal #APIs #devcatalog