Dashboard shell, breadcrumb navigation, sidebar redesign & integration pages SEO overhaul #73

Merged
uz1mani merged 20 commits from staging into main 2026-03-28 23:30:29 +00:00
uz1mani commented 2026-03-28 23:30:15 +00:00 (Migrated from github.com)

Summary

  • Wrap all authenticated pages in DashboardShell with a new sidebar (site list, workspace, resources) and GlassTopBar
  • Add breadcrumb navigation with site switcher and app switcher dropdowns
  • Redesign sidebar with portal-based tooltips and consistent group headers
  • Trim integration pages from 75 → 25 dedicated + 1 generic script-tag page, migrate guide content from TSX to MDX

Changes

Dashboard & Navigation

  • DashboardShell wraps all auth pages (home, sites, settings)
  • Breadcrumbs with site picker and app switcher (moved from sidebar)
  • Home page uses max-w-7xl matching dashboard, stat cards removed
  • Site settings accessible as modal from home

Sidebar

  • Portal-based tooltips (visible when collapsed, 400ms delay)
  • Consistent group header height (no icon shift on toggle)
  • Tooltip uses content panel bg (neutral-950)
  • Reverted double sidebar experiment, kept improvements

Integration Pages (SEO)

  • 75 → 25 dedicated pages + /integrations/script-tag generic page
  • 301 redirects for 50 removed slugs
  • Migrated guide content from TSX (integration-guides.tsx) to MDX (content/integrations/*.mdx)
  • Added gray-matter, next-mdx-remote, remark-gfm for MDX rendering
  • Content loader follows ciphera-website /learn pattern
  • Sitemap reduced from 83 → 35 URLs with real lastmod dates
  • Deleted hardcoded /integrations/nextjs|react|vue|wordpress routes (wrong metadata)

Test Plan

  • Verify dashboard shell renders on all authenticated pages
  • Breadcrumb site/app switcher dropdowns work
  • Sidebar tooltips appear on hover when collapsed
  • /integrations hub page shows all 75 icons, links correctly
  • /integrations/nextjs renders MDX content with CodeBlock
  • /integrations/linktree redirects to /integrations/script-tag
  • /sitemap.xml shows ~35 URLs
  • npm run build passes clean
Summary - Wrap all authenticated pages in DashboardShell with a new sidebar (site list, workspace, resources) and GlassTopBar - Add breadcrumb navigation with site switcher and app switcher dropdowns - Redesign sidebar with portal-based tooltips and consistent group headers - Trim integration pages from 75 → 25 dedicated + 1 generic script-tag page, migrate guide content from TSX to MDX Changes Dashboard & Navigation - DashboardShell wraps all auth pages (home, sites, settings) - Breadcrumbs with site picker and app switcher (moved from sidebar) - Home page uses max-w-7xl matching dashboard, stat cards removed - Site settings accessible as modal from home Sidebar - Portal-based tooltips (visible when collapsed, 400ms delay) - Consistent group header height (no icon shift on toggle) - Tooltip uses content panel bg (neutral-950) - Reverted double sidebar experiment, kept improvements Integration Pages (SEO) - 75 → 25 dedicated pages + /integrations/script-tag generic page - 301 redirects for 50 removed slugs - Migrated guide content from TSX (integration-guides.tsx) to MDX (content/integrations/*.mdx) - Added gray-matter, next-mdx-remote, remark-gfm for MDX rendering - Content loader follows ciphera-website /learn pattern - Sitemap reduced from 83 → 35 URLs with real lastmod dates - Deleted hardcoded /integrations/nextjs|react|vue|wordpress routes (wrong metadata) Test Plan - Verify dashboard shell renders on all authenticated pages - Breadcrumb site/app switcher dropdowns work - Sidebar tooltips appear on hover when collapsed - /integrations hub page shows all 75 icons, links correctly - /integrations/nextjs renders MDX content with CodeBlock - /integrations/linktree redirects to /integrations/script-tag - /sitemap.xml shows ~35 URLs - npm run build passes clean
Sign in to join this conversation.
No description provided.