feat(homepage): Bifurcated homepage refresh - #18786
Conversation
Prototype a simplified docs homepage with a bifurcated "get started" UX, inspired by braintrust.dev/docs. Replaces the busy hero + feature/"get to know us" grids with a slim hero and two equal-weight setup paths — Set up with AI and Set up manually — plus a popular-SDKs strip and quick links. Also renders the docs sidebar on the homepage (Product tree as a stand-in). Mockup for design review; the setup CTAs and sidebar contents are placeholders. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Second mockup option: same simplified, bifurcated AI-vs-manual setup homepage, but without the docs sidebar — the content spans the full width. Companion to the sidebar variant for side-by-side design review. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
- "Set up with AI" now links directly to /ai/agent-skills/ - Replace the combined "API & CLI" card with separate API and CLI cards (5-up quick-links row) so both destinations are reachable as their own whole-card links Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
next/link doesn't reliably scroll for same-page hash navigation in the App Router; a plain <a href="#platforms"> uses native anchor scrolling so "Set up manually" actually jumps to the Popular SDKs section. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…furcate-homepage-no-sidebar # Conflicts: # src/components/home.tsx
master renamed /ai/agent-skills/ to /ai/agent-plugin/; point the "Set up with AI" card at the current route. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes and found 1 potential issue.
❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.
Reviewed by Cursor Bugbot for commit 871fd62. Configure here.
…of main - Size the home header content to max-w-screen-lg (1024px) with matching per-breakpoint padding so the logo/nav line up with the hero and cards - Move <footer> to be a sibling of <main> so it regains the contentinfo landmark for screen-reader navigation Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
@coolguyzone I love this! The only thing that is feeling challenging is the truncated top nav based on making the body width smaller on the home page. It's causing the nav menu to clip. Not a deal breaker, but I wonder if there's a better way to represent it? The only thought is to widen again, which kind of breaks the formatting you've created, but might not hurt to try.
|
Drop the max-w-screen-lg cap (and centering) on the home header content so the top nav spans the full viewport like the old homepage — logo at the left edge, controls at the right edge — instead of floating in a narrow centered column. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
Hey @sfanahata , good call out, I've expanded the top nav to be full width, I think it looks fine: https://sentry-docs-git-coolguyzone-featbifurcate-homepage-no-sidebar.sentry.dev/ |
…furcate-homepage-no-sidebar # Conflicts: # src/components/home.tsx
sfanahata
left a comment
There was a problem hiding this comment.
This looks so good! Let's 🚢
Follow-ups to the bifurcated homepage refresh (#18786): - Replace the popular-SDK strip with the same filterable list /platforms/ uses, so every SDK, guide, and searchable integration is reachable from the homepage. - Rework the AI setup card around a click-to-copy pill for 'npx @sentry/ai install' (the installer from /ai/agent-plugin/), with Claude, Codex, and Cursor glyphs. Both cards now end in a single pill row so they match in height. - Move search and Ask AI out of the hero to a 'Not finding what you're looking for?' block below the quick links, and rewrite the hero tagline. - Point 'Set up manually' at /platforms/#platform-specific-docs instead of a same-page hash, which barely moved on tall viewports. - Drop the duplicate sidebar separator on SDK pages. SidebarNavigation and Sidebar each rendered one, left over from when product links sat between them. - Stop auto-opening the platform selector on /platforms/. Radix Select focuses the combobox and locks body scroll while open, so the page could not be scrolled. - Move the homepage styles into home.module.scss with theme tokens instead of an inline style block, reuse the /platforms/ search input and the agent callout's pill styling, and de-duplicate CopyIcon. - Track the homepage copy button under a new homepage_card metric source rather than mislabelling it as a callout.
Follow-ups to the bifurcated homepage refresh (#18786): - Replace the popular-SDK strip with the same filterable list /platforms/ uses, so every SDK, guide, and searchable integration is reachable from the homepage. - Rework the AI setup card around a click-to-copy pill for 'npx @sentry/ai install' (the installer from /ai/agent-plugin/), with Claude, Codex, and Cursor glyphs. Both cards now end in a single pill row so they match in height. - Move search and Ask AI out of the hero to a 'Not finding what you're looking for?' block below the quick links, and rewrite the hero tagline. - Point 'Set up manually' at /platforms/#platform-specific-docs instead of a same-page hash, which barely moved on tall viewports. - Drop the duplicate sidebar separator on SDK pages. SidebarNavigation and Sidebar each rendered one, left over from when product links sat between them. - Stop auto-opening the platform selector on /platforms/. Radix Select focuses the combobox and locks body scroll while open, so the page could not be scrolled. - Move the homepage styles into home.module.scss with theme tokens instead of an inline style block, reuse the /platforms/ search input and the agent callout's pill styling, and de-duplicate CopyIcon. - Track the homepage copy button under a new homepage_card metric source rather than mislabelling it as a callout.


DESCRIBE YOUR PR
Simplified, bifurcated docs homepage — https://sentry-docs-git-coolguyzone-featbifurcate-homepage-no-sidebar.sentry.dev/
Content changes:
IS YOUR CHANGE URGENT?
SLA
Thanks in advance for your help!
PRE-MERGE CHECKLIST
Make sure you've checked the following before merging your changes:
🤖 Generated with Claude Code