Move to TanStack Start from Next.js (#184)

web/app/routes/_layout/(auth)/_auth.sign-in.$.tsx

@@ -0,0 +1,21 @@
+import { SignIn } from "@clerk/tanstack-start"
+import { createFileRoute } from "@tanstack/react-router"
+
+export const Route = createFileRoute("/_layout/(auth)/_auth/sign-in/$")({
+  component: () => <SignInComponent />,
+})
+
+function SignInComponent() {
+  return (
+    <div className="flex justify-center py-24">
+      <SignIn
+        appearance={{
+          elements: {
+            formButtonPrimary: "bg-primary text-primary-foreground",
+            card: "shadow-none",
+          },
+        }}
+      />
+    </div>
+  )
+}

web/app/routes/_layout/(auth)/_auth.sign-up.$.tsx

@@ -0,0 +1,14 @@
+import { SignUp } from "@clerk/tanstack-start"
+import { createFileRoute } from "@tanstack/react-router"
+
+export const Route = createFileRoute("/_layout/(auth)/_auth/sign-up/$")({
+  component: () => <SignUpComponent />,
+})
+
+function SignUpComponent() {
+  return (
+    <div className="flex justify-center py-24">
+      <SignUp />
+    </div>
+  )
+}

web/app/routes/_layout/(auth)/_auth.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute, Outlet } from "@tanstack/react-router"
+
+export const Route = createFileRoute("/_layout/(auth)/_auth")({
+  component: () => (
+    <main className="h-full">
+      <Outlet />
+    </main>
+  ),
+})