diff --git a/changelog.d/vercel-demo.added.md b/changelog.d/vercel-demo.added.md
new file mode 100644
index 0000000..ce4ff6a
--- /dev/null
+++ b/changelog.d/vercel-demo.added.md
@@ -0,0 +1 @@
+Make demo site deployable to Vercel
diff --git a/vite.demo.config.ts b/vite.demo.config.ts
index 5fb864e..6f0906e 100644
--- a/vite.demo.config.ts
+++ b/vite.demo.config.ts
@@ -5,12 +5,17 @@ import { defineConfig } from 'vite';
 
 export default defineConfig({
   plugins: [tailwindcss(), react()],
+  root: 'demo',
   resolve: {
     alias: {
       '@': resolve(__dirname, 'src'),
     },
   },
+  build: {
+    outDir: resolve(__dirname, 'demo-dist'),
+    emptyOutDir: true,
+  },
   server: {
-    open: '/demo/index.html',
+    open: true,
   },
 });