This is a monorepo template for Astro with React, TypeScript, and shadcn/ui.
apps/web- Astro applicationpackages/ui- Shared UI components (shadcn/ui)
To add components, run the following command from the root:
npx shadcn@latest add button -c apps/webTo use the components in your app, import them in an .astro file:
---
import { Button } from "@workspace/ui/components/button"
---
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Astro App</title>
</head>
<body>
<div class="grid h-screen place-items-center content-center">
<Button>Button</Button>
</div>
</body>
</html># CLI
corepack up
pnpm --recursive update
git submodule update --init --recursive
DEBUG=tailwindcss:oxide pnpm build --workspace-packages apps/web# apps/web/.env
SITE_URL="http://localhost:4321"
BASE_PATH="/"