diff --git a/packages/website/src/pages/docs/[directory]/[document]/_index.tsx b/packages/website/src/pages/[...locale]/docs/[directory]/[document]/_index.tsx
similarity index 58%
rename from packages/website/src/pages/docs/[directory]/[document]/_index.tsx
rename to packages/website/src/pages/[...locale]/docs/[directory]/[document]/_index.tsx
index 02ef84eb8..921bf79b2 100644
--- a/packages/website/src/pages/docs/[directory]/[document]/_index.tsx
+++ b/packages/website/src/pages/[...locale]/docs/[directory]/[document]/_index.tsx
@@ -1,5 +1,5 @@
-import { Markdown } from '../../../../components/Markdown';
-import { PageWrapper } from '../../../../components/PageWrapper';
+import { Markdown } from '../../../../../components/Markdown';
+import { PageWrapper } from '../../../../../components/PageWrapper';
 
 interface PageProps {
   content: string;
diff --git a/packages/website/src/pages/docs/[directory]/[document]/index.astro b/packages/website/src/pages/[...locale]/docs/[directory]/[document]/index.astro
similarity index 93%
rename from packages/website/src/pages/docs/[directory]/[document]/index.astro
rename to packages/website/src/pages/[...locale]/docs/[directory]/[document]/index.astro
index c213c2d4c..0a094ea23 100644
--- a/packages/website/src/pages/docs/[directory]/[document]/index.astro
+++ b/packages/website/src/pages/[...locale]/docs/[directory]/[document]/index.astro
@@ -1,7 +1,7 @@
 ---
 import type { GetStaticPaths } from 'astro';
 import { readFile } from 'fs/promises';
-import BaseLayout from '../../../../layouts/BaseLayout.astro';
+import BaseLayout from '../../../../../layouts/BaseLayout.astro';
 import { Page } from './_index';
 
 export const getStaticPaths = (async () => {
diff --git a/packages/website/src/pages/docs/patches/index.astro b/packages/website/src/pages/[...locale]/docs/patches/index.astro
similarity index 87%
rename from packages/website/src/pages/docs/patches/index.astro
rename to packages/website/src/pages/[...locale]/docs/patches/index.astro
index d62a148ad..d48c04659 100644
--- a/packages/website/src/pages/docs/patches/index.astro
+++ b/packages/website/src/pages/[...locale]/docs/patches/index.astro
@@ -2,8 +2,10 @@
 import { MagicWandIcon, StarFilledIcon } from '@radix-ui/react-icons';
 import { Flex, Heading, Link } from '@radix-ui/themes';
 import { compareVersions } from 'compare-versions';
-import { PageWrapper } from '../../../components/PageWrapper';
-import BaseLayout from '../../../layouts/BaseLayout.astro';
+import { PageWrapper } from '../../../../components/PageWrapper';
+import BaseLayout from '../../../../layouts/BaseLayout.astro';
+
+export { getStaticPaths } from '../../index.astro';
 
 // this can't be used in template literal :(
 const ROOT = '../../../../../../docs/changelogs/';
diff --git a/packages/website/tsconfig.json b/packages/website/tsconfig.json
index b0406060e..db4d5dcac 100644
--- a/packages/website/tsconfig.json
+++ b/packages/website/tsconfig.json
@@ -2,6 +2,7 @@
   "extends": ["../../tsconfig.json", "astro/tsconfigs/base"],
   "compilerOptions": {
     "jsx": "react-jsx",
-    "jsxImportSource": "react"
+    "jsxImportSource": "react",
+    "types": ["vite/client"]
   }
 }