diff --git a/docs/app/[[...mdxPath]]/layout.tsx b/docs/app/[[...mdxPath]]/layout.tsx
index 8bf095e..19ab173 100644
--- a/docs/app/[[...mdxPath]]/layout.tsx
+++ b/docs/app/[[...mdxPath]]/layout.tsx
@@ -25,7 +25,12 @@ export default async function RootLayout({ children }: { children: ReactNode })
   const pageMap = await getPageMap()
   return (
     <html lang="en" suppressHydrationWarning className={`${geistSans.variable} ${geistMono.variable}`}>
-      <Head />
+      <Head>
+        <meta
+          httpEquiv="Content-Security-Policy"
+          content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; img-src 'self' data:; font-src 'self' data: https://fonts.gstatic.com; connect-src 'self';"
+        />
+      </Head>
       <body className="font-sans antialiased">
         <Layout
           navbar={<Navbar logo={
diff --git a/docs/next.config.mjs b/docs/next.config.mjs
index 0922509..5fb0640 100644
--- a/docs/next.config.mjs
+++ b/docs/next.config.mjs
@@ -2,9 +2,13 @@ import nextra from 'nextra'
 
 const withNextra = nextra({})
 
+const isProd = process.env.NODE_ENV === 'production'
+
 export default withNextra({
   output: 'export',
   trailingSlash: true,
+  basePath: isProd ? '/typescript' : '',
+  assetPrefix: isProd ? '/typescript/' : '',
   images: {
     unoptimized: true
   },
diff --git a/next.config.ts b/next.config.ts
index a640b84..b450485 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -4,7 +4,7 @@ const nextConfig: NextConfig = {
   async headers() {
     return [
       {
-        source: "/(.*)",
+        source: "/((?!typescript/).*)",
         headers: [
           {
             key: "Content-Security-Policy",
