# TanStack Router (/installation/tanstack-router)



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

  Start by creating a new TanStack Router project:

  ```bash
  npx create-tsrouter-app@latest my-app --template file-router --tailwind
  ```

  ### 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 title="src/routes/index.tsx" showLineNumbers {3,12}
  import { createFileRoute } from "@tanstack/react-router"

  import { Button } from "@/components/ui/preskok-ui/button"

  export const Route = createFileRoute("/")({
    component: App,
  })

  function App() {
    return (
      <div>
        <Button>Click me</Button>
      </div>
    )
  }
  ```
</Steps>