Resources
  • eBooks
  • Reports
  • Case Studies
  • Demos
  • Videos
  • Value Calculator
  • Home
  • Resources
  • Videos
  • Creating an Interactive Dev Portal with GraphQL
Video

Creating an Interactive Dev Portal with GraphQL

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

1:00 – What You'll Need

3:30 – Create a Template

5:26 – Add Content

6:27 – Edit Title

7:55 – Add an API URL

9:04 – Copy Example Code from GraphiQL

11:34 – Test the Interactive Dev Portal

14:08 – Add a Link to the Navigation

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 (swapi-graphql.netlify.com).

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.

Topics:Developer Experience
|
GraphQL
|
Microservices
Powering the API world

Increase developer productivity, security, and performance at scale with the unified platform for API management, AI gateways, service mesh, and ingress controller.

Sign up for Kong newsletter

Platform
Kong KonnectKong GatewayKong AI GatewayKong InsomniaDeveloper PortalGateway ManagerCloud GatewayGet a Demo
Explore More
Open Banking API SolutionsAPI Governance SolutionsIstio API Gateway IntegrationKubernetes API ManagementAPI Gateway: Build vs BuyKong vs PostmanKong vs MuleSoftKong vs Apigee
Documentation
Kong Konnect DocsKong Gateway DocsKong Mesh DocsKong AI GatewayKong Insomnia DocsKong Plugin Hub
Open Source
Kong GatewayKumaInsomniaKong Community
Company
About KongCustomersCareersPressEventsContactPricing
  • Terms•
  • Privacy•
  • Trust and Compliance
  • © Kong Inc. 2025