Docs
Next.js
Next.js
安装和配置 shadcn/ui 以支持 Next.js。
注意： 以下指南适用于 Tailwind v4。如果您使用的是 Tailwind v3，请使用 shadcn@2.3.0。
创建项目
运行 init 命令以创建一个新的 Next.js 项目或设置一个现有项目：
pnpm dlx shadcn@latest init
选择 Next.js 项目或 Monorepo。
添加组件
现在您可以开始向项目中添加组件。
pnpm dlx shadcn@latest add button
上面的命令将把 Button 组件添加到您的项目中。然后您可以像这样导入它：
import { Button } from "@/components/ui/button"
export default function Home() {
return (
<div>
<Button>点击我</Button>
</div>
)
}