From c982ad914debb71b5e30f4ad26d7dc6aeae09faa Mon Sep 17 00:00:00 2001 From: Mike Hartington Date: Fri, 27 Mar 2026 14:57:59 -0400 Subject: [PATCH 1/2] feat(site): add studio page --- apps/blog/README.md | 2 +- apps/blog/src/mdx-components.tsx | 2 +- apps/docs/src/components/youtube.tsx | 19 - apps/docs/src/mdx-components.tsx | 2 +- .../public/illustrations/studio/embed.svg | 709 ++++++++++++++++++ .../public/illustrations/studio/explore.svg | 164 ++++ .../public/illustrations/studio/filter.svg | 103 +++ .../site/public/illustrations/studio/hero.svg | 329 ++++++++ .../public/illustrations/studio/laptop.svg | 132 ++++ .../site/public/illustrations/studio/tabs.svg | 53 ++ apps/site/public/og/og-studio.png | Bin 0 -> 391221 bytes apps/site/src/app/studio/page.tsx | 372 +++++++++ .../site/src/components/homepage/copy-btn.tsx | 8 +- .../ui/src/components/youtube.tsx | 24 +- 14 files changed, 1884 insertions(+), 35 deletions(-) delete mode 100644 apps/docs/src/components/youtube.tsx create mode 100644 apps/site/public/illustrations/studio/embed.svg create mode 100644 apps/site/public/illustrations/studio/explore.svg create mode 100644 apps/site/public/illustrations/studio/filter.svg create mode 100644 apps/site/public/illustrations/studio/hero.svg create mode 100644 apps/site/public/illustrations/studio/laptop.svg create mode 100644 apps/site/public/illustrations/studio/tabs.svg create mode 100644 apps/site/public/og/og-studio.png create mode 100644 apps/site/src/app/studio/page.tsx rename apps/blog/src/components/Youtube.tsx => packages/ui/src/components/youtube.tsx (66%) diff --git a/apps/blog/README.md b/apps/blog/README.md index 2b93e20c24..de73654394 100644 --- a/apps/blog/README.md +++ b/apps/blog/README.md @@ -20,7 +20,7 @@ Runs on **http://localhost:3002** (site is 3000, docs is 3001, eclipse is 3003). ## Structure - `content/blog/` — MDX blog posts -- `src/` — App shell, layout, search, and MDX components (TweetEmbed, Youtube, Quote, etc.) +- `src/` — App shell, layout, search, and MDX components (TweetEmbed, Quote, etc.) - Uses [Fumadocs](https://fumadocs.dev) for the blog framework - Uses `@prisma/eclipse` for UI components diff --git a/apps/blog/src/mdx-components.tsx b/apps/blog/src/mdx-components.tsx index 1bb14be60c..b430bb1ca6 100644 --- a/apps/blog/src/mdx-components.tsx +++ b/apps/blog/src/mdx-components.tsx @@ -24,8 +24,8 @@ import { Steps, Step, } from "@prisma/eclipse"; +import { Youtube } from "@prisma-docs/ui/components/youtube"; import { TweetEmbedComp } from "@/components/TweetEmbed"; -import { Youtube } from "@/components/Youtube"; import { Meetup, MeetupList } from "@/components/Meetup"; import { Employee } from "@/components/Employee"; import { withBlogBasePath, withBlogBasePathForImageSrc } from "@/lib/url"; diff --git a/apps/docs/src/components/youtube.tsx b/apps/docs/src/components/youtube.tsx deleted file mode 100644 index 2dfe027053..0000000000 --- a/apps/docs/src/components/youtube.tsx +++ /dev/null @@ -1,19 +0,0 @@ -type YoutubeProps = { - videoId: string; - title?: string; -}; - -export const Youtube = ({ videoId, title = "YouTube video player" }: YoutubeProps) => { - return ( -