+ About
+
+ A page all about this website.
+
+
+ {JSON.stringify(props, null, 2)}
+
+
+ );
+}
diff --git a/ts-router/src/pages/home.tsx b/ts-router/src/pages/home.tsx
new file mode 100644
index 0000000..08871ba
--- /dev/null
+++ b/ts-router/src/pages/home.tsx
@@ -0,0 +1,30 @@
+import { createSignal } from "solid-js";
+
+export default function Home() {
+ const [count, setCount] = createSignal(0);
+
+ return (
+
+ Home
+ This is the home page.
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/ts-router/src/routes.ts b/ts-router/src/routes.ts
new file mode 100644
index 0000000..588abbd
--- /dev/null
+++ b/ts-router/src/routes.ts
@@ -0,0 +1,24 @@
+import { RouteDefinition } from "solid-app-router";
+import { lazy, Component } from "solid-js";
+
+const pages = import.meta.glob("./pages/**/*.tsx");
+
+const autoRoutes = Object.keys(pages).map((path) => {
+ const name = path.match(/\.\/pages(.*)\.[tj]sx$/)[1].toLowerCase();
+ const Comp = pages[path] as () => Promise<{ default: Component