Update urls to point to v3 subdomain

Author: thecrypticace

src/components/Header.js

@@ -11,7 +11,7 @@ import { ThemeSelect, ThemeToggle } from './ThemeToggle'
 function Featured() {
   return (
     <a
-      href="https://tailwindcss.com/blog/2024-05-24-catalyst-application-layouts"
+      href="https://v3.tailwindcss.com//blog/2024-05-24-catalyst-application-layouts"
       className="ml-3 text-xs leading-5 font-medium text-sky-600 dark:text-sky-400 bg-sky-400/10 rounded-full py-1 px-3 hidden xl:flex items-center hover:bg-sky-400/20"
     >
       <strong className="font-semibold">Introducing Catalyst</strong>

src/pages/_app.js

@@ -77,8 +77,8 @@ export default function App({ Component, pageProps, router }) {
     'Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.'
   let image = meta.ogImage ?? meta.image
   image = image
-    ? `https://tailwindcss.com${image.default?.src ?? image.src ?? image}`
-    : `https://tailwindcss.com/api/og?path=${router.pathname}`
+    ? `https://v3.tailwindcss.com/${image.default?.src ?? image.src ?? image}`
+    : `https://v3.tailwindcss.com//api/og?path=${router.pathname}`
 
   if (router.pathname.includes('/examples/')) {
     return <Component {...pageProps} />
@@ -104,7 +104,7 @@ export default function App({ Component, pageProps, router }) {
         <meta
           key="og:url"
           property="og:url"
-          content={`https://tailwindcss.com${router.pathname}`}
+          content={`https://v3.tailwindcss.com/${router.pathname}`}
         />
         <meta key="og:type" property="og:type" content="article" />
         <meta key="og:image" property="og:image" content={image} />

src/pages/api/og.js

@@ -106,7 +106,7 @@ export default async function handler(req, res) {
   let path = req.query.path.replace(/\/+$/, '')
   if (path === '') path = '/'
 
-  let url = `https://tailwindcss.com${path}`
+  let url = `https://v3.tailwindcss.com/${path}`
   let { data, statusCode } = await get(url)
   let body = data.toString()
 

src/pages/blog/2024-05-30-prettier-plugin-collapse-whitespace/index.mdx

@@ -34,7 +34,7 @@ Now our Prettier plugin will handle this for you automatically, so you don't nee
 
 ## Removing duplicate classes
 
-Our [VS Code extension](https://tailwindcss.com/docs/editor-setup#intelli-sense-for-vs-code) has warned you about duplicate class names for a long time, but now our Prettier plugin can remove those duplicate classes for you automatically.
+Our [VS Code extension](https://v3.tailwindcss.com//docs/editor-setup#intelli-sense-for-vs-code) has warned you about duplicate class names for a long time, but now our Prettier plugin can remove those duplicate classes for you automatically.
 
 <DuplicationDemo />
 
@@ -46,4 +46,4 @@ To start playing with these improvements in your own projects, just install the
 $ npm i prettier-plugin-tailwindcss@latest
 ```
 
-If you run into any issues, let us know on [GitHub](https://github.com/tailwindlabs/prettier-plugin-tailwindcss/)!
+If you run into any issues, let us know on [GitHub](https://github.com/tailwindlabs/prettier-plugin-tailwindcss/)!

src/pages/blog/building-the-tailwind-blog/index.mdx

@@ -258,7 +258,7 @@ There's an interesting library by Hashicorp designed to make it possible to trea
 
 ## Wrapping up
 
-Overall, building this little site with Next.js was a fun learning experience. I'm always surprised at how complicated seemingly simple things end up being with a lot of these tools, but I'm very bullish on the future of Next.js and looking forward to building the next iteration of [tailwindcss.com](https://tailwindcss.com) with it in the months to come.
+Overall, building this little site with Next.js was a fun learning experience. I'm always surprised at how complicated seemingly simple things end up being with a lot of these tools, but I'm very bullish on the future of Next.js and looking forward to building the next iteration of [tailwindcss.com](https://v3.tailwindcss.com/) with it in the months to come.
 
 If you're interested in checking out the codebase for this blog or even submitting a pull request to simplify any of the things I mentioned above, [check out the repository on GitHub](https://github.com/tailwindcss/blog).
 

src/pages/blog/hiring-a-design-engineer-and-staff-engineer/index.mdx

@@ -45,8 +45,8 @@ Here are some real examples of projects you would have worked on in the last few
 
 - **Design and build the [Tailwind Connect](https://connect.tailwindcss.com/) microsite** — including coming up with a unique Markdown-driven badge design experience.
 - **Craft the [first components](https://catalyst.tailwindui.com/docs/dialog) for Catalyst** — our first fully-componentized React UI kit.
-- **Build a tool for capturing videos for our [Showcase](https://tailwindcss.com/showcase) site** — to automate creating preview videos that feel like a real person scrolling through a site.
-- **Build [interactive demos](https://tailwindcss.com/docs/height#dynamic-viewport-height) to explain dynamic viewport units** — to include in the documentation along with the release of Tailwind CSS v3.4.
+- **Build a tool for capturing videos for our [Showcase](https://v3.tailwindcss.com//showcase) site** — to automate creating preview videos that feel like a real person scrolling through a site.
+- **Build [interactive demos](https://v3.tailwindcss.com//docs/height#dynamic-viewport-height) to explain dynamic viewport units** — to include in the documentation along with the release of Tailwind CSS v3.4.
 
 After you start, you'd work on upcoming projects like:
 

src/pages/blog/tailwindcss-1-7/index.mdx

@@ -217,7 +217,7 @@ Whenever there are deprecations or breaking changes available, Tailwind will war
 ```
 risk - There are upcoming breaking changes: removeDeprecatedGapUtilities
 risk - We highly recommend opting-in to these changes now to simplify upgrading Tailwind in the future.
-risk - https://tailwindcss.com/docs/upcoming-changes
+risk - https://v3.tailwindcss.com//docs/upcoming-changes
 ```
 
 You can opt-in to a breaking change by setting that flag to `true` in your `tailwind.config.js` file:

src/pages/blog/tailwindcss-v2/index.mdx

@@ -51,7 +51,7 @@ Even though Tailwind CSS v2.0 is a new major version, **we've worked really hard
 
 If you'd like to start a brand new project with v2.0, [head over to our updated installation documentation](/docs/installation) to get started fast.
 
-Also how about that [brand new website](https://tailwindcss.com) eh? Hot damn.
+Also how about that [brand new website](https://v3.tailwindcss.com/) eh? Hot damn.
 
 ---
 
@@ -449,4 +449,4 @@ The good news is that if you need to support IE11, you can always use Tailwind C
 
 So there you have it folks, that's Tailwind CSS v2.0 in a _(pretty big)_ nutshell!
 
-What are you waiting for? [Go build something awesome](https://tailwindcss.com).
+What are you waiting for? [Go build something awesome](https://v3.tailwindcss.com/).

src/pages/blog/tailwindcss-v3-4/index.mdx

@@ -421,7 +421,7 @@ To learn more about all this forced colors stuff, I recommend reading ["Forced c
 
 ---
 
-If you've been paying close attention, you might be wondering about [Oxide](https://youtu.be/CLkxRnRQtDE?t=2146), the engine improvements we previewed at [Tailwind Connect](https://tailwindcss.com/blog/2023-07-18-tailwind-connect-2023-recap) this summer.
+If you've been paying close attention, you might be wondering about [Oxide](https://youtu.be/CLkxRnRQtDE?t=2146), the engine improvements we previewed at [Tailwind Connect](https://v3.tailwindcss.com//blog/2023-07-18-tailwind-connect-2023-recap) this summer.
 
 We'd originally slated those improvements for v3.4, but we have a few things still to iron out and so many of these other improvements had been piling up that we felt it made sense to get it all out the door instead of holding it back. The Oxide stuff is still coming, and will be the headlining improvement for the next Tailwind CSS release in the new year.
 

src/pages/blog/tailwindcss-v3/index.mdx

@@ -45,7 +45,7 @@ Tailwind CSS v3.0 has got to be our most exciting release ever, including improv
 - [Play CDN](#play-cdn) — the new Just-in-Time engine squeezed into a CDN script that runs right in the browser.
 - **Tons of other utilities** — including support for touch-action, will-change, flex-basis, text-indent, scroll-behavior, and more.
 
-Plus a beautiful, brand-spanking new [documentation website](https://tailwindcss.com), loaded with improved content and examples on every page.
+Plus a beautiful, brand-spanking new [documentation website](https://v3.tailwindcss.com/), loaded with improved content and examples on every page.
 
 To start playing with Tailwind CSS v3.0 today, grab the latest release from npm:
 

src/pages/blog/tailwindcss-v4-beta/index.mdx

@@ -12,13 +12,13 @@ export const meta = {
 
 {/*excerpt*/}
 
-About eight months ago we [open-sourced our progress](https://tailwindcss.com/blog/tailwindcss-v4-alpha) on Tailwind CSS v4.0. Hundreds of hours of fixing bugs, soul-crushing backward compatibility work, and troubleshooting Windows CI failures later, I'm excited to finally tag the first public beta release.
+About eight months ago we [open-sourced our progress](https://v3.tailwindcss.com//blog/tailwindcss-v4-alpha) on Tailwind CSS v4.0. Hundreds of hours of fixing bugs, soul-crushing backward compatibility work, and troubleshooting Windows CI failures later, I'm excited to finally tag the first public beta release.
 
 {/*/excerpt*/}
 
 ![Tailwind CSS v4.0-beta](./card.jpg)
 
-About eight months ago we [open-sourced our progress](https://tailwindcss.com/blog/tailwindcss-v4-alpha) on Tailwind CSS v4.0. Hundreds of hours of fixing bugs, soul-crushing backward compatibility work, and troubleshooting Windows CI failures later, I'm excited to finally tag the first public beta release.
+About eight months ago we [open-sourced our progress](https://v3.tailwindcss.com//blog/tailwindcss-v4-alpha) on Tailwind CSS v4.0. Hundreds of hours of fixing bugs, soul-crushing backward compatibility work, and troubleshooting Windows CI failures later, I'm excited to finally tag the first public beta release.
 
 As I talked about when we published the first alpha, Tailwind CSS v4.0 is an all-new engine built for performance, and designed for the modern web.
 
@@ -31,4 +31,4 @@ There's so much more to say, but everything you need to get started is in the ne
 
 [Get started with Tailwind CSS v4.0 Beta 1 →](/docs/v4-beta)
 
-Start building and help us bullet-proof this thing for the stable release early in the new year.
+Start building and help us bullet-proof this thing for the stable release early in the new year.

src/pages/careers/design-engineer/index.mdx

@@ -32,9 +32,9 @@ Here are some real examples of projects you would have worked on in the last few
 - **Design and build the [Tailwind Connect](https://connect.tailwindcss.com/) microsite** — including coming up with a unique Markdown-driven [badge design](https://res.cloudinary.com/tailwind-labs/image/upload/w_1536/connect/tailwind-connect-2_qrjpj0.jpg) experience.
 - **Craft the [first components](https://catalyst.tailwindui.com/docs/dialog) for Catalyst** — our first fully-componentized React UI kit.
 - **Build out our recent [Studio template](https://studio.tailwindui.com/)** — a new agency website template we designed, built with Next.js and Framer Motion.
-- **Build a tool for capturing videos for our [Showcase](https://tailwindcss.com/showcase) site** — to automate creating preview videos that feel like a real person scrolling through a site.
+- **Build a tool for capturing videos for our [Showcase](https://v3.tailwindcss.com//showcase) site** — to automate creating preview videos that feel like a real person scrolling through a site.
 - **Redesign and build the [Headless UI documentation site](https://twitter.com/steveschoger/status/1745816291351425068)** — rethinking the overall branding and making the site feel more modern and consistent.
-- **Build [interactive demos](https://tailwindcss.com/docs/height#dynamic-viewport-height) to explain dynamic viewport units** — to include in the documentation along with the release of Tailwind CSS v3.4.
+- **Build [interactive demos](https://v3.tailwindcss.com//docs/height#dynamic-viewport-height) to explain dynamic viewport units** — to include in the documentation along with the release of Tailwind CSS v3.4.
 - **Create [custom installation graphics](https://twitter.com/steveschoger/status/1697352379694240029) for the Catalyst documentation** — that feel like a screenshot but with more control over highlighting what's important for the reader.
 
 After you start, you'd work on upcoming projects like:

src/pages/careers/staff-software-engineer/index.mdx

@@ -28,7 +28,7 @@ We're a small multidisciplinary team and you'd have a wide variety of responsibi
 Here are some real examples of projects you would have worked on in the last few months:
 
 - **Create a [Rust library](https://github.com/tailwindlabs/tailwindcss/blob/0ee3508179966a767b7802a7262bb9d4ce2221da/oxide/crates/core/src/lib.rs) for extracting utility class names** — a tool that can scan an entire directory of template files as fast as possible and extract potential class names in parallel.
-- **Add support for [composing variants](https://tailwindcss.com/blog/tailwindcss-v4-alpha#composable-variants) in Tailwind CSS** — make it possible to author classes like `group-has-peer-focus:underline` without an explicit `group-has-peer-focus` variant.
+- **Add support for [composing variants](https://v3.tailwindcss.com//blog/tailwindcss-v4-alpha#composable-variants) in Tailwind CSS** — make it possible to author classes like `group-has-peer-focus:underline` without an explicit `group-has-peer-focus` variant.
 - **Write a [fast CSS parser](https://github.com/tailwindlabs/tailwindcss/blob/0ee3508179966a767b7802a7262bb9d4ce2221da/packages/tailwindcss/src/css-parser.ts) in TypeScript** — to parse only the exact amount of detail needed by Tailwind's internals, looking for domain-specific shortcuts to make it significantly faster than existing libraries for our needs.
 - **Fix an issue with [scroll-locking](https://github.com/tailwindlabs/headlessui/pull/2891) in Headless UI** — to make sure scrollable elements in dialogs can still be scrolled on iOS.
 - **Set up [GitHub Actions workflows](https://github.com/tailwindlabs/tailwindcss/blob/0ee3508179966a767b7802a7262bb9d4ce2221da/.github/workflows/release-oxide.yml) for compiling our Rust libraries** — configure our release pipeline to properly build and distribute our native packages for each supported platform.
@@ -41,7 +41,7 @@ Here are some real examples of projects you would have worked on in the last few
 After you start, you'd work on upcoming projects like:
 
 - **Develop a Tailwind CSS bundler plugin for Next.js** — to generate your CSS using the module graph instead of scanning the file system, working with our contacts at Vercel to get it right.
-- **Create a JavaScript library for running Tailwind CSS v4.0 in the browser** — an updated version of our [Play CDN](https://tailwindcss.com/docs/installation/play-cdn) library that uses our new engine under the hood, with a focus on making it as small as possible.
+- **Create a JavaScript library for running Tailwind CSS v4.0 in the browser** — an updated version of our [Play CDN](https://v3.tailwindcss.com//docs/installation/play-cdn) library that uses our new engine under the hood, with a focus on making it as small as possible.
 - **Design a set of IDE integration APIs for Tailwind CSS** — first-class, stable, documented APIs that editor teams like JetBrains can rely on to add things like completions, lint warnings, class sorting, and more to their tools.
 - **Design, build, and document a Tooltip component for Headless UI** — making sure it's fully accessible, with a flexible but delightful API.
 - **Build a backwards compatibility layer for Tailwind CSS v4.0** — re-introduce support for JavaScript configuration files, explore codemod tooling, and make sure existing community plugins are as compatible as possible with the new engine.

src/scripts/build-rss.js

@@ -7,7 +7,7 @@ import { mdxComponents } from '@/utils/mdxComponents'
 import { MemoryRouterProvider } from 'next-router-mock/MemoryRouterProvider'
 
 export default async function buildRss() {
-  const baseUrl = 'https://tailwindcss.com'
+  const baseUrl = 'https://v3.tailwindcss.com/'
   const blogUrl = `${baseUrl}/blog`
 
   const feed = new Feed({