Skip to content

Conversation

@JoanCamosTyk
Copy link

@JoanCamosTyk JoanCamosTyk commented Nov 4, 2025

User description

Updating Documentation regarding the new Graphql Playground feature introduced in 1.15.0 Portal


PR Type

Documentation


Description

  • Add GraphQL Playground docs to portal

  • Specify availability from version 1.15.0

  • Explain playground capabilities and usage

  • Minor formatting fix at file end


Diagram Walkthrough

flowchart LR
  docs["Portal docs: API Products"] -- "new section" --> gql["GraphQL Playground overview"]
  gql -- "lists capabilities" --> caps["Browse schema, test queries, download schema"]
  gql -- "notes" --> ver["Available from Portal 1.15.0+"]
Loading

File Walkthrough

Relevant files
Documentation
api-products.mdx
Document GraphQL Playground feature in portal docs             

portal/api-products.mdx

  • Added new section: "GraphQL Playground in the Developer Portal".
  • Included overview and feature list for the playground.
  • Noted availability from Portal version 1.15.0+.
  • Fixed end-of-file newline/formatting.
+15/-1   

@github-actions
Copy link

github-actions bot commented Nov 4, 2025

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 1 🔵⚪⚪⚪⚪
🧪 No relevant tests
🔒 No security concerns identified
⚡ Recommended focus areas for review

Style/Clarity

Consider rephrasing the sentence about availability and the overview to avoid redundancy and ensure consistent punctuation (e.g., add a period after the overview sentence and use consistent hyphenation like "GraphQL" and "API's" apostrophe).

### Overview
The Tyk Enterprise Developer Portal now supports a fully integrated GraphQL Playground, allowing developers to explore and test GraphQL queries directly within the portal interface.
This playground provides a powerful, interactive experience for working with GraphQL APIs

Note: This feature is available from Portal version 1.15.0 and above.

### What is the GraphQL Playground?
The GraphQL Playground is a developer tool embedded in the Enterprise Developer Portal. It enables developers to:
- Browse the API’s schema and documentation
- Test queries and mutations
- Explore available types and fields
- Download the GraphQL schema
Formatting

The "Note" could be formatted as a callout/admonition if the docs system supports it to improve visibility (e.g., Note/Info block for version requirement).

Note: This feature is available from Portal version 1.15.0 and above.

@github-actions
Copy link

github-actions bot commented Nov 4, 2025

PR Code Suggestions ✨

No code suggestions found for the PR.

@sharadregoti sharadregoti changed the base branch from production to main November 6, 2025 10:07
@sharadregoti sharadregoti added the documentation Improvements or additions to documentation label Nov 6, 2025
Copy link
Contributor

@sharadregoti sharadregoti left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we add a screenshot showing exactly where the GraphQL Playground is in the developer portal? Showing the sidebar navigation and the tabs where this playground is present. The entire window snapshot is preferred.


These are the minimal steps to create an API Product and of course it won't be very appealling to API Consumers if you did publish it. You might want to select the Product's tile and add some description, documentation and user guides. Remember to select **Save Changes** when you are done.

## GraphQL Playground in the Developer Portal

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The original document introduces what API product is, and how to set it up section by section. The "GraphQL Playground in the Developer Portal" section breaks the flow and doesn't read natural to me. I don't think it is required on this page.

- **Format**: Upload OpenAPI Description files in JSON or YAML format from file or URL
- **Format**: Upload API specification files in multiple formats:
- OpenAPI: JSON or YAML format from file or URL
- GraphQL SDL: Schema Definition Language files (.graphql, .graphqls, or JSON format) from file or URL

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

How about other fields, like GraphQL server URL?

- Explore available types and fields
- Download the GraphQL schema

<img src="/img/portal/Portal-graphql-playground.png" alt="Portal GraphQL Playground" />

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Summarize the playground feature briefly and move it to "Behavior in Live Portal".
We might add a note for the existing swagger screenshot, explaining that it is what OpenAPI documentation looks like.
We can add a note to explain GraphQL playground would be displayed for GraphQL API with SDL uploaded

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The screen shot should show full screen, not just the playground.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation Review effort 1/5

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants