feat(site): add studio page

[mhartington]

Summary by CodeRabbit

• New Features

  • Introduced a new Prisma Studio page showcasing features, hero section, interactive elements, and embedded video player with copyable command blocks.

• Improvements

  • Consolidated YouTube component implementation across the platform for consistency.
  • Enhanced code copy button with customizable sizing and styling options.

• Documentation

  • Updated README to reflect changes in component structure.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
blog	Ready	Preview, Comment	Mar 27, 2026 7:10pm
docs	Ready	Preview, Comment	Mar 27, 2026 7:10pm
eclipse	Ready	Preview, Comment	Mar 27, 2026 7:10pm
site	Ready	Preview, Comment	Mar 27, 2026 7:10pm

[coderabbitai]

Walkthrough

This PR consolidates the Youtube component from multiple local implementations into a shared UI package. Local instances in apps/blog and apps/docs are removed with imports updated to reference @prisma-docs/ui/components/youtube. The shared component is enhanced with optional title and height props, improved defaults, and lazy loading. A new Studio marketing page is added alongside updates to the CopyCode component for greater flexibility.

Changes

Cohort / File(s)	Summary
Youtube component consolidation apps/blog/README.md, apps/blog/src/mdx-components.tsx, apps/docs/src/components/youtube.tsx, apps/docs/src/mdx-components.tsx	Removed local Youtube component from apps/docs and updated MDX component registries in both apps/blog and apps/docs to import Youtube from the centralized UI package. Documentation references updated accordingly.
Enhanced shared Youtube component packages/ui/src/components/youtube.tsx	Extended with optional title prop, conditional height handling with aspect ratio logic, lazy loading (loading="lazy"), stricter referrer policy, and a new EMPTY_PLAYER_VARS constant for improved defaults management.
New Studio marketing page apps/site/src/app/studio/page.tsx	Added comprehensive Studio product page with metadata, hero section, feature cards grid, feature rows with illustrations, demo section with embedded YouTube player, and copyable command block. Includes local helper components for reusable layout patterns.
CopyCode customization apps/site/src/components/homepage/copy-btn.tsx	Extended component with optional buttonSize and buttonClassName props to permit greater styling flexibility while maintaining sensible defaults.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The PR title accurately describes the main change—adding a new Studio page to the site application, which is the most substantial addition in this changeset.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[argos-ci]

The latest updates on your projects. Learn more about Argos notifications ↗︎

Build	Status	Details	Updated (UTC)
default (Inspect)	⚠️ Changes detected (Review)	1 changed	Mar 27, 2026, 7:16 PM

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@apps/site/src/app/studio/page.tsx`:
- Line 10: VIDEO_URL is incorrectly set to the current page ("/studio") so the
CTA wrapper link in the page component reloads the same route; update the
VIDEO_URL constant to the correct external/demo video URL or intended target
(e.g., a YouTube/Prisma demo link or a dedicated /studio/demo route) and ensure
the CTA wrapper link uses that constant (refer to VIDEO_URL and the CTA wrapper
link in the page component) so clicking "See how Studio works" navigates to the
actual video/demo.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 0b8b27c8-900f-4a0f-b290-421de7e89af7

📥 Commits

Reviewing files that changed from the base of the PR and between 3ff13d5 and c982ad9.

⛔ Files ignored due to path filters (7)

• apps/site/public/illustrations/studio/embed.svg is excluded by !**/*.svg
• apps/site/public/illustrations/studio/explore.svg is excluded by !**/*.svg
• apps/site/public/illustrations/studio/filter.svg is excluded by !**/*.svg
• apps/site/public/illustrations/studio/hero.svg is excluded by !**/*.svg
• apps/site/public/illustrations/studio/laptop.svg is excluded by !**/*.svg
• apps/site/public/illustrations/studio/tabs.svg is excluded by !**/*.svg
• apps/site/public/og/og-studio.png is excluded by !**/*.png

📒 Files selected for processing (7)

• apps/blog/README.md
• apps/blog/src/mdx-components.tsx
• apps/docs/src/components/youtube.tsx
• apps/docs/src/mdx-components.tsx
• apps/site/src/app/studio/page.tsx
• apps/site/src/components/homepage/copy-btn.tsx
• packages/ui/src/components/youtube.tsx

💤 Files with no reviewable changes (1)

• apps/docs/src/components/youtube.tsx