diff --git a/src/pages/projects/demo.astro b/src/pages/projects/demo.astro
new file mode 100644
index 00000000..2df879c4
--- /dev/null
+++ b/src/pages/projects/demo.astro
@@ -0,0 +1,21 @@
+---
+import ProjectPage from "../../components/ProjectPage.astro";
+
+export const metadata = {
+    title: "Demo Project",
+    description: "demo project",
+    date: "the beginning of time (date)",
+    slug: "demo",
+    hidden: true,
+};
+---
+
+<ProjectPage metadata={metadata}>
+    <div class="flex flex-col">
+        demo contents (from demo.astro)
+        <b>
+            description:
+            {metadata.description}
+        </b>
+    </div>
+</ProjectPage>