set base path

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>
+  );
 }

docs/app/purehtml/playground/page.tsx → 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 (

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;

docs/tsconfig.node.json

@@ -6,6 +6,5 @@
     "moduleResolution": "bundler",
     "allowSyntheticDefaultImports": true,
     "strict": true
-  },
-  "include": ["vite.config.ts"]
+  }
 }