init

src/routes/[...404].tsx

@@ -0,0 +1,19 @@
+import { Title } from "@solidjs/meta";
+import { HttpStatusCode } from "@solidjs/start";
+
+export default function NotFound() {
+  return (
+    <main>
+      <Title>Not Found</Title>
+      <HttpStatusCode code={404} />
+      <h1>Page Not Found</h1>
+      <p>
+        Visit{" "}
+        <a href="https://start.solidjs.com" target="_blank">
+          start.solidjs.com
+        </a>{" "}
+        to learn how to build SolidStart apps.
+      </p>
+    </main>
+  );
+}

src/routes/about.tsx

@@ -0,0 +1,10 @@
+import { Title } from "@solidjs/meta";
+
+export default function About() {
+  return (
+    <main>
+      <Title>About</Title>
+      <h1>About</h1>
+    </main>
+  );
+}

src/routes/api/trpc/[trpc].ts

@@ -0,0 +1,19 @@
+import type { APIEvent } from "@solidjs/start/server";
+import { fetchRequestHandler } from "@trpc/server/adapters/fetch";
+import { appRouter } from "~/server/api/root";
+
+const handler = (event: APIEvent) =>
+  // adapts tRPC to fetch API style requests
+  fetchRequestHandler({
+    // the endpoint handling the requests
+    endpoint: "/api/trpc",
+    // the request object
+    req: event.request,
+    // the router for handling the requests
+    router: appRouter,
+    // any arbitrary data that should be available to all actions
+    createContext:  () => event
+  });
+
+export const GET = handler;
+export const POST = handler;

src/routes/index.tsx

@@ -0,0 +1,13 @@
+import { Typewriter } from "~/components/Typewriter";
+
+export default function Home() {
+  return (
+    <Typewriter speed={100} delay={2000}>
+      <main class="text-center mx-auto text-subtext0 p-4">
+        {/* fill in a ipsum lorem */}
+        ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem
+        ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem
+      </main>
+    </Typewriter>
+  );
+}