zerobyte/app/routes/index.tsx
2026-02-10 20:18:38 +01:00

30 lines
781 B
TypeScript

import { createFileRoute, redirect } from "@tanstack/react-router";
const HomePage = () => {
return (
<main className="min-h-dvh w-screen flex items-center justify-center flex-col gap-y-4 p-4">
<img
className="max-w-sm w-full"
src="https://raw.githubusercontent.com/TanStack/tanstack.com/main/public/images/logos/splash-dark.png"
alt="TanStack Logo"
/>
<h1>
<span className="line-through">Next.js</span> TanStack Start
</h1>
<a
className="bg-foreground text-background rounded-full px-4 py-1 hover:opacity-90"
href="https://tanstack.com/start/latest"
target="_blank"
>
Docs
</a>
</main>
);
};
export const Route = createFileRoute("/")({
component: HomePage,
beforeLoad: () => {
redirect({ to: "/volumes" });
},
});