buildmymcpserver/apps/web/components
Marco Sadjadi 2267daadd4
All checks were successful
Deploy to Production / deploy (push) Successful in 52s
perf(web): server-only StaticCodeBlock for above-the-fold marketing
PageSpeed Insights mobile reported LCP element render delay of 2.3s
on the hero — the largest visible element is the build.log <pre> with
"> Generating spec... OK ..." text. TTFB is 0ms (CF cache hit), so the
delay was pure client-side: Lighthouse waited for the JS bundle to
parse and the 'use client' CodeBlock boundary to hydrate before it
considered the element "rendered."

CodeBlock pulls in lucide-react (Copy/Check icons) plus a useState
boundary just for the copy button. Above the fold on marketing, none
of that is needed — the user just needs to see the snippet.

Split:
- New `static-code-block.tsx`: server component, no 'use client',
  no icons, no copy button. Pure SSR markup that paints with the HTML.
- Marketing landing now uses StaticCodeBlock for all three hero
  snippets (prompt.txt / build.log / claude_desktop_config.json).
- Interactive CodeBlock stays in use for dashboard pages where users
  actually want to copy snippets.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-26 23:30:41 +02:00
..
ui feat(web): Next.js 15 shell — design tokens, landing, auth pages 2026-05-19 00:30:20 +02:00
code-block.tsx feat(web): Next.js 15 shell — design tokens, landing, auth pages 2026-05-19 00:30:20 +02:00
cookie-banner.tsx feat: Swiss-compliant launch — Impressum/AGB/Contact, support panel, DSG exports, cookie banner 2026-05-25 17:12:06 +02:00
country-picker.tsx fix(web): UserMenu + CountryPicker dropdowns frosted (Tailwind v4 bug) 2026-05-25 23:04:02 +02:00
docs-page.tsx feat(web): real 3-step wizard, settings, audit, docs, marketing pages 2026-05-19 18:20:31 +02:00
input.tsx feat(web): Next.js 15 shell — design tokens, landing, auth pages 2026-05-19 00:30:20 +02:00
install-snippets.tsx feat(web): dashboard, wizard, server detail, WS build stream, install snippets 2026-05-19 00:32:53 +02:00
json-ld.tsx feat(web): full SEO stack — metadata, JSON-LD, sitemap, robots, OG image 2026-05-21 19:16:40 +02:00
logo.tsx feat(web): Next.js 15 shell — design tokens, landing, auth pages 2026-05-19 00:30:20 +02:00
marketing-auth-buttons.tsx fix(web): single Login/Dashboard button on marketing header 2026-05-25 19:30:27 +02:00
marketing-mobile-menu.tsx fix(web): mobile menu background via inline style (Tailwind v4 quirk) 2026-05-23 18:43:57 +02:00
mobile-action-bar.tsx feat(web): app-like mobile dashboard — bottom tab bar, minimal top 2026-05-25 23:15:44 +02:00
static-code-block.tsx perf(web): server-only StaticCodeBlock for above-the-fold marketing 2026-05-26 23:30:41 +02:00
status-pill.tsx feat(web): Next.js 15 shell — design tokens, landing, auth pages 2026-05-19 00:30:20 +02:00
streaming-logs.tsx feat(web): dashboard, wizard, server detail, WS build stream, install snippets 2026-05-19 00:32:53 +02:00
user-menu.tsx fix(web): UserMenu + CountryPicker dropdowns frosted (Tailwind v4 bug) 2026-05-25 23:04:02 +02:00