Skip to content

feat(portal): Page layouts and nav reorg - #7548

Open
cloudjumpercat wants to merge 5 commits into
mainfrom
feat/portal-page-layout-nav-reorg
Open

cloudjumpercat wants to merge 5 commits into
mainfrom
feat/portal-page-layout-nav-reorg

Conversation

@cloudjumpercat

@cloudjumpercat cloudjumpercat commented Oct 13, 2026 •

Copy link
Copy Markdown
Contributor

Description

Fixes #7066 #7391

Preview Links

Broken links are expected since the MDC docs aren't live yet.

Checklist

  • Tested how-to docs. If not, note why here.
  • All pages contain metadata.
  • Any new docs link to existing docs.
  • All autogenerated instructions render correctly (API, decK, Konnect, Kong Manager).
  • Style guide (capitalized gateway entities, placeholder URLs) implemented correctly.
  • Every page has a description entry in frontmatter.
  • Add new pages to the product documentation index (if applicable).

Signed-off-by: Diana <75819066+cloudjumpercat@users.noreply.github.com>
@netlify

netlify Bot commented Oct 13, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for kongdeveloper ready!

Name Link
🔨 Latest commit f9e74fe
🔍 Latest deploy log https://app.netlify.com/projects/kongdeveloper/deploys/6ada71f6f4daef0ca55cce59
😎 Deploy Preview https://deploy-preview-7548--kongdeveloper.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

Signed-off-by: Diana <75819066+cloudjumpercat@users.noreply.github.com>
@cloudjumpercat
cloudjumpercat marked this pull request as ready for review October 16, 2026 17:02
@cloudjumpercat
cloudjumpercat requested a review from a team as a code owner October 16, 2026 17:02
@kong-ksai

kong-ksai Bot commented Oct 16, 2026 •

Copy link
Copy Markdown
Contributor

✅ KSAI Review: Finished


Run report (federated) · 1 paid run · $0.2093 total
# Engine Result Model Turns Cost
1 opencode success deepseek-ai/deepseek-v4.1-flash/max 67 $0.2093

Reviewing cost $0.2093

@cloudjumpercat cloudjumpercat added the do not merge Issues/ PRs whose changes should not be merged at this time label Oct 16, 2026

@kong-ksai kong-ksai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Check Result
Scope Dev Portal documentation only: a sidebar navigation bullet and a new Page layouts section.
Mandate default-code-review
Findings 1 Medium, 1 Low
Findings audit Independent audit completed: both findings verified in the tree; the endpoint wording corrected, severities unchanged.

The change documents Dev Portal page layouts and sidebar navigation. One documented customization path is absent from the repository's Portal Management spec, and the layout list repeats one link three times.

Comment thread app/_landing_pages/dev-portal/customizations/dev-portal-customizations.yaml Outdated
Comment thread app/dev-portal/pages-and-content.md Outdated
Comment on lines +136 to +137
* `reference`: Contains [sidebar navigation](/dev-portal/customizations/dev-portal-customizations/#dev-portal-navigation) and content. Use this for shorter conceptual pages.
* `wide`: Contains [sidebar navigation](/dev-portal/customizations/dev-portal-customizations/#dev-portal-navigation) and content, but the contents space has a wider column. Use this for content that needs more horizontal room, like a wide table or a generated API reference.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

🔵 Low nit

The guide bullet above already links the sidebar navigation section. The reference and wide bullets repeat that link and its wording. Keep the link once.

Suggested change
* `reference`: Contains [sidebar navigation](/dev-portal/customizations/dev-portal-customizations/#dev-portal-navigation) and content. Use this for shorter conceptual pages.
* `wide`: Contains [sidebar navigation](/dev-portal/customizations/dev-portal-customizations/#dev-portal-navigation) and content, but the contents space has a wider column. Use this for content that needs more horizontal room, like a wide table or a generated API reference.
* `reference`: Contains sidebar navigation and content. Use this for shorter conceptual pages.
* `wide`: Contains sidebar navigation and content, but the contents space has a wider column. Use this for content that needs more horizontal room, like a wide table or a generated API reference.

React 👍 if this finding helped, 👎 if it did not.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

I believe this should be updated to include the new one as well?

Comment thread app/_landing_pages/dev-portal/customizations/dev-portal-customizations.yaml Outdated
* **Footer bottom menu**: Footer bottom menu is a flat list of links that will be added to the bottom of every page. Footer bottom menus are placed below footer menu sections.
* **Sidebar navigation**: The sidebar navigation menu is a vertical list of links that displays on the left side of the page.
You can configure this in the **Sidebar Navigation** section of the Portal Editor or using the [`/portals/{portalId}/customization/navigations` endpoint](/api/konnect/portal-management/).
Whether a sidebar menu is displayed depends on the [page layout](/dev-portal/pages-and-content/#page-layouts).

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

This sentence is very important and IMO should stand out more; without it, the UI doesn't render. Can we call this out better?

Comment thread app/dev-portal/pages-and-content.md Outdated
Comment thread app/dev-portal/pages-and-content.md Outdated

The following layouts are available:

* `custom` (default): No built-in chrome. You build the whole page yourself, including sidebars and header. Use this for a landing page or anything the other layouts don't fit. Because `custom` doesn't render a title or description from front matter, give the page its own heading in the body.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

suggestion: since we want customers to utilize the other layouts by default, can we move custom to the end of the list?

Comment thread app/dev-portal/pages-and-content.md Outdated
Comment thread app/dev-portal/pages-and-content.md Outdated
Comment thread app/dev-portal/pages-and-content.md Outdated
Comment thread app/dev-portal/pages-and-content.md Outdated

Any section a layout renders (a sidebar or the header) can be replaced with a snippet using the `layout-options` front matter property.

For information about how to customize a layout's sidebars and header, or configure page navigation, see the [Markdown Components reference](https://portaldocs.konghq.com/).

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Links you may use (currently unpublished):

  • Pages (including front matter): https://portaldocs.konghq.com/pages/overview
  • Layout options:
  • Layouts: https://portaldocs.konghq.com/pages/layouts
  • Layout options: https://portaldocs.konghq.com/pages/layout-options

cloudjumpercat and others added 2 commits October 19, 2026 14:49
Co-authored-by: Adam DeHaven <2229946+adamdehaven@users.noreply.github.com>
Signed-off-by: Diana <75819066+cloudjumpercat@users.noreply.github.com>

@tomek-labuk tomek-labuk left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

To me, this feels like content for a reference page rather than a landing page. Adding screenshots in a column next to the text breaks the layout and makes larger chunks text hardly readable

Signed-off-by: Diana <75819066+cloudjumpercat@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

do not merge Issues/ PRs whose changes should not be merged at this time

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Dev Portal: Pages layouts

3 participants