diff --git a/docs/app/page.tsx b/docs/app/page.tsx
index 7d1e0b7..8e012e8 100644
--- a/docs/app/page.tsx
+++ b/docs/app/page.tsx
@@ -1,3 +1,31 @@
+'use client';
+
+import { Grid } from '@mantine/core';
+import { Arrays } from '../src/components/Arrays';
+import { Basics } from '../src/components/Basics';
+import { ConstantConfig } from '../src/components/ConstantConfig';
+import { GettingStarted } from '../src/components/GettingStarted';
+import { Intro } from '../src/components/Intro';
+import { Objects } from '../src/components/Objects';
+import { Transformers } from '../src/components/Transformers/Transformers';
+import { UnionConfig } from '../src/components/UnionConfig';
+import { AppLayout } from './app-layout';
+
 export default function Page() {
-  return <></>;
+  return (
+    <AppLayout>
+      <Grid>
+        <Grid.Col span={{ md: 8, sm: 12 }}>
+          <Intro />
+          <GettingStarted />
+          <Basics />
+          <ConstantConfig />
+          <Arrays />
+          <Objects />
+          <Transformers />
+          <UnionConfig />
+        </Grid.Col>
+      </Grid>
+    </AppLayout>
+  );
 }
diff --git a/docs/app/purehtml/playground/page.tsx b/docs/app/playground/page.tsx
similarity index 53%
rename from docs/app/purehtml/playground/page.tsx
rename to docs/app/playground/page.tsx
index 63fa3fb..21e151d 100644
--- a/docs/app/purehtml/playground/page.tsx
+++ b/docs/app/playground/page.tsx
@@ -1,5 +1,5 @@
-import { Playground } from '../../../src/Playground';
-import { AppLayout } from '../../app-layout';
+import { Playground } from '../../src/Playground';
+import { AppLayout } from '../app-layout';
 
 export default function PlaygroundPage() {
   return (
diff --git a/docs/app/purehtml/page.tsx b/docs/app/purehtml/page.tsx
deleted file mode 100644
index a14422d..0000000
--- a/docs/app/purehtml/page.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-'use client';
-
-import { Grid } from '@mantine/core';
-import { Arrays } from '../../src/components/Arrays';
-import { Basics } from '../../src/components/Basics';
-import { ConstantConfig } from '../../src/components/ConstantConfig';
-import { GettingStarted } from '../../src/components/GettingStarted';
-import { Intro } from '../../src/components/Intro';
-import { Objects } from '../../src/components/Objects';
-import { Transformers } from '../../src/components/Transformers/Transformers';
-import { UnionConfig } from '../../src/components/UnionConfig';
-import { AppLayout } from '../app-layout';
-
-export default function Page() {
-  return (
-    <AppLayout>
-      <Grid>
-        <Grid.Col span={{ md: 8, sm: 12 }}>
-          <Intro />
-          <GettingStarted />
-          <Basics />
-          <ConstantConfig />
-          <Arrays />
-          <Objects />
-          <Transformers />
-          <UnionConfig />
-        </Grid.Col>
-      </Grid>
-    </AppLayout>
-  );
-}
diff --git a/docs/next.config.js b/docs/next.config.js
index 53f0e72..bbbac3e 100644
--- a/docs/next.config.js
+++ b/docs/next.config.js
@@ -6,6 +6,7 @@ const nextConfig = {
   poweredByHeader: false,
   reactStrictMode: true,
   assetPrefix: './',
+  basePath: process.env.NODE_ENV === 'production' ? '/purehtml' : '',
 };
 
 export default nextConfig;
diff --git a/docs/tsconfig.node.json b/docs/tsconfig.node.json
index 97ede7e..f3cd7b7 100644
--- a/docs/tsconfig.node.json
+++ b/docs/tsconfig.node.json
@@ -6,6 +6,5 @@
     "moduleResolution": "bundler",
     "allowSyntheticDefaultImports": true,
     "strict": true
-  },
-  "include": ["vite.config.ts"]
+  }
 }