Skip to content

GRO-740 Add category layout (to support eventual "Getting started" migration) - #1369

Merged
bpander merged 10 commits into
masterfrom
gro-740-getting-started
Oct 5, 2026
Merged

bpander merged 10 commits into
masterfrom
gro-740-getting-started

Conversation

@bpander

@bpander bpander commented Oct 1, 2026 •

Copy link
Copy Markdown
Contributor

GRO-740

Description

https://www.metabase.com/learn/metabase-basics/getting-started is moving to docs. This PR adds a category layout, which matches the styles of that landing page. Nothing in the metabase docs use this layout yet so this won't immediately ship the layout to production. The tech writers will move the pages themselves, they just need a way to have a nice landing page, which this provides.

Screenshot 2026-10-02 at 11 46 52 AM

How to test

  1. In your metabase repo, check out the gro-740-getting-started-landing-page branch. I just stubbed out the data there so the docs repo can auto-generate the cards. Don't take it as gospel, I'll probably delete the branch.
  2. In the docs repo, point METABASE_REPO_PATH to your local mb repo
  3. Navigate to http://localhost:4321/docs/latest/metabase-basics/getting-started
  4. Verify landing page mostly matches https://www.metabase.com/learn/metabase-basics/getting-started and looks okay across various viewport sizes

Noteworthy changes

The breadcrumb logic (which was ported from jekyll) had a lot of cruft. It also enforced landing pages to live at */start, which I'm assuming we don't want for /metabase-basics/getting-started. I tried to simplify the logic and make category page urls get defined via nav.yml. This has a few upshots:

  1. It fixes an existing issue where the "Data studio" breadcrumb points to a client-side redirect.
  2. It causes some 404s on v0.49 because of some bad nav data on that branch. If we think this is worth fixing, I'd rather fix it on the metabase release branch itself.
Screenshot 2026-10-02 at 12 16 58 PM 3. It simplifies the breadcrumbs for non-doc pages (namely /all) Screenshot 2026-10-02 at 12 10 57 PM

@bpander bpander self-assigned this Oct 1, 2026
@linear

linear Bot commented Oct 1, 2026

Copy link
Copy Markdown

GRO-740

@github-actions

github-actions Bot commented Oct 1, 2026 •

Copy link
Copy Markdown

The deployments were removed when this pull request closed. Reopening it deploys again at the same address.

@bpander
bpander force-pushed the gro-740-getting-started branch from 90a4764 to 1d6e4a2 Compare October 2, 2026 14:31
@bpander
bpander force-pushed the gro-740-getting-started branch from bfe80c1 to 2ef90cb Compare October 2, 2026 15:39
@bpander
bpander marked this pull request as ready for review October 2, 2026 16:21
@bpander
bpander requested review from a team and jeff-bruemmer October 2, 2026 16:21

@tmashara tmashara 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.

looks good!
left one non-blocking comment about fetching non-docs pages for the category page layout.

.map(async (node) => {
const doc = await getEntry("docs", docIdFromUrl(node.url));
if (!doc) {
throw new Error(`Doc not found: ${node.url}`);

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.

some nav items have links pointing to non-docs pages, mb we should filter them out or add a fallback for such items?

@bpander bpander Oct 5, 2026 •

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

@jeff-bruemmer Do you know of any cases where we'd have one of these category landing pages with a card that's an external link? Or have an opinion on what should happen if that ever comes up?

I didn't want to just guess at the behavior so I just have it failing loudly if it ever happens. We could leave that as is and cross that bridge if we come to it. I'm also happy to implement some kind of a fallback.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

GH failed to post Jeff's comment, but I DM'd him. We'll just show cards for links to actual docs. I updated the code to filter out external links in 96220c2.

@jeff-bruemmer jeff-bruemmer left a comment

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.

Left a comment re: category page cards.

@bpander
bpander merged commit 6da5a3f into master Oct 5, 2026
6 checks passed
@bpander
bpander deleted the gro-740-getting-started branch October 5, 2026 15:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants