# React Router (/installation/react-router)



<Steps>
  ### Create project [#create-project]

  ```bash
  npx create-react-router@latest my-app
  ```

  ### Run the CLI [#run-the-cli]

  Run the shadcn CLI to set up Preskok UI and install your first component:

  ```bash
  npx shadcn@latest init @preskok/default @preskok/button
  ```

  The command above will add the `Button` component to your project. You can then import it like this:

  ```tsx showLineNumbers title="app/routes/home.tsx"
  import { Button } from "~/components/ui/preskok-ui/button"

  import type { Route } from "./+types/home"

  export function meta({}: Route.MetaArgs) {
    return [
      { title: "New React Router App" },
      { name: "description", content: "Welcome to React Router!" },
    ]
  }

  export default function Home() {
    return (
      <div className="flex min-h-svh flex-col items-center justify-center">
        <Button>Click me</Button>
      </div>
    )
  }
  ```
</Steps>