Skip to content

Use shared breadcrumbs on bespoke partner pages #1464

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
tannerlinsley merged 3 commits into from
Nov 1, 2026
Merged

Use shared breadcrumbs on bespoke partner pages #1464

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
78e4bd2
Add semantic breadcrumbs to partner detail pages
tannerlinsley Nov 1, 2026
e3a6280
Use shared breadcrumbs on bespoke partner pages
tannerlinsley Nov 1, 2026
f45490d
Merge partner breadcrumb prerequisite from main
tannerlinsley Nov 1, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 15 additions & 11 deletions src/routes/partners.netlify.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,8 @@
import { Breadcrumbs } from '~/components/Breadcrumbs'
import {
getPartnerBreadcrumbItems,
getPartnerBreadcrumbJsonLd,
} from '~/utils/partner-breadcrumbs'
import * as React from 'react'
import { Link, createFileRoute } from '@tanstack/react-router'
import {
Expand Down Expand Up @@ -288,7 +293,10 @@ export const Route = createFileRoute('/partners/netlify')({
? [
{
type: 'application/ld+json',
children: JSON.stringify(getPartnerJsonLd(partner)),
children: JSON.stringify({
...getPartnerJsonLd(partner),
breadcrumb: getPartnerBreadcrumbJsonLd(partner),
}),
},
]
: []),
Expand Down Expand Up @@ -350,16 +358,12 @@ function NetlifyPartnerPage() {
return (
<div className="flex min-h-screen flex-col bg-white text-gray-900 dark:bg-gray-950 dark:text-gray-100">
<div className="mx-auto w-full max-w-4xl flex-1 px-4 pb-16 pt-6 md:px-8">
<nav className="flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400">
<Link
to="/partners"
className="transition-colors hover:text-blue-500"
>
Partners
</Link>
<span>/</span>
<span className="text-gray-900 dark:text-white">Netlify</span>
</nav>
<Breadcrumbs
section="Partners"
items={getPartnerBreadcrumbItems(
partner ?? { id: 'netlify', name: 'Netlify' },
)}
/>

{/* Hero */}
<section className="border-b border-gray-200 pb-10 pt-10 dark:border-gray-800">
Expand Down
26 changes: 13 additions & 13 deletions src/routes/partners.railway.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,8 @@
import { Breadcrumbs } from '~/components/Breadcrumbs'
import {
getPartnerBreadcrumbItems,
getPartnerBreadcrumbJsonLd,
} from '~/utils/partner-breadcrumbs'
import * as React from 'react'
import { Link, createFileRoute } from '@tanstack/react-router'
import {
Expand Down Expand Up @@ -265,7 +270,10 @@ export const Route = createFileRoute('/partners/railway')({
scripts: [
{
type: 'application/ld+json',
children: JSON.stringify(getPartnerJsonLd(RAILWAY_PARTNER)),
children: JSON.stringify({
...getPartnerJsonLd(RAILWAY_PARTNER),
breadcrumb: getPartnerBreadcrumbJsonLd(RAILWAY_PARTNER),
}),
},
{
type: 'application/ld+json',
Expand Down Expand Up @@ -333,18 +341,10 @@ function RailwayPartnerPage() {
return (
<div className="flex min-h-screen flex-col bg-white text-gray-900 dark:bg-gray-950 dark:text-gray-100">
<div className="mx-auto w-full max-w-4xl flex-1 px-4 pb-16 pt-6 md:px-8">
<nav className="flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400">
<Link
to="/partners"
className="transition-colors hover:text-blue-500"
>
Partners
</Link>
<span>/</span>
<span className="text-gray-900 dark:text-white">
{RAILWAY_PARTNER.name}
</span>
</nav>
<Breadcrumbs
section="Partners"
items={getPartnerBreadcrumbItems(RAILWAY_PARTNER)}
/>

{/* Hero */}
<section className="border-b border-gray-200 pb-10 pt-10 dark:border-gray-800">
Expand Down
26 changes: 13 additions & 13 deletions src/routes/partners.render.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,8 @@
import { Breadcrumbs } from '~/components/Breadcrumbs'
import {
getPartnerBreadcrumbItems,
getPartnerBreadcrumbJsonLd,
} from '~/utils/partner-breadcrumbs'
import * as React from 'react'
import { Link, createFileRoute } from '@tanstack/react-router'
import {
Expand Down Expand Up @@ -273,7 +278,10 @@ export const Route = createFileRoute('/partners/render')({
scripts: [
{
type: 'application/ld+json',
children: JSON.stringify(getPartnerJsonLd(RENDER_PARTNER)),
children: JSON.stringify({
...getPartnerJsonLd(RENDER_PARTNER),
breadcrumb: getPartnerBreadcrumbJsonLd(RENDER_PARTNER),
}),
},
{
type: 'application/ld+json',
Expand Down Expand Up @@ -341,18 +349,10 @@ function RenderPartnerPage() {
return (
<div className="flex min-h-screen flex-col bg-white text-gray-900 dark:bg-gray-950 dark:text-gray-100">
<div className="mx-auto w-full max-w-4xl flex-1 px-4 pb-16 pt-6 md:px-8">
<nav className="flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400">
<Link
to="/partners"
className="transition-colors hover:text-blue-500"
>
Partners
</Link>
<span>/</span>
<span className="text-gray-900 dark:text-white">
{RENDER_PARTNER.name}
</span>
</nav>
<Breadcrumbs
section="Partners"
items={getPartnerBreadcrumbItems(RENDER_PARTNER)}
/>

{/* Hero */}
<section className="border-b border-gray-200 pb-10 pt-10 dark:border-gray-800">
Expand Down
Loading