diff --git a/site/content/test/page-1.md b/site/content/test/page-1.md
new file mode 100644
index 000000000..04894a2d5
--- /dev/null
+++ b/site/content/test/page-1.md
@@ -0,0 +1,7 @@
+---
+title: Test import page (working)
+---
+
+import { Test } from "../components/Test.js"
+
+<Test />
\ No newline at end of file
diff --git a/site/content/test/page-2.md b/site/content/test/page-2.md
new file mode 100644
index 000000000..f34b1cc54
--- /dev/null
+++ b/site/content/test/page-2.md
@@ -0,0 +1,7 @@
+---
+title: Test import page (not working)
+---
+
+{/* import { Button } from "../components/Button.js" */}
+
+{/* <Button>Button component</Button> */}
\ No newline at end of file
diff --git a/templates/default/components/Test.js b/templates/default/components/Test.js
new file mode 100644
index 000000000..7b1354ea5
--- /dev/null
+++ b/templates/default/components/Test.js
@@ -0,0 +1,3 @@
+export const Test = () => {
+  return "This is a component that returns only a string"
+}
\ No newline at end of file