npx create-react-router@latest my-app
cd my-app

npx shadcn@latest init

npx shadcn@latest add button card navigation-menu

// app/routes/home.tsx
import { Button } from "~/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "~/components/ui/card"
import type { Route } from "./+types/home"

export function meta({}: Route.MetaArgs) {
  return [
    { title: "React Router + shadcn/ui" },
    { name: "description", content: "Modern React with beautiful components" },
  ]
}

export default function Home() {
  return (
    <div className="container mx-auto p-8">
      <Card>
        <CardHeader>
          <CardTitle>Welcome to React Router v7</CardTitle>
        </CardHeader>
        <CardContent>
          <p>Full-stack React with shadcn/ui components</p>
          <Button className="mt-4">Get Started</Button>
        </CardContent>
      </Card>
    </div>
  )
}