2025 年 6 月 - radix-ui の移行

新しい radix-ui パッケージに移行するための新しいコマンド。

新しい radix-ui パッケージに移行するための新しいコマンドを追加しました。このコマンドは、すべての @radix-ui/react-* インポートを radix-ui に置き換えます。


pnpm dlx shadcn@latest migrate radix

ui コンポーネント内のすべてのインポートが自動的に更新され、radix-ui が依存関係としてインストールされます。

components/ui/alert-dialog.tsx

- import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
+ import { AlertDialog as AlertDialogPrimitive } from "radix-ui"

コマンドを実行した後は、必ずコンポーネントとプロジェクトをテストしてください。

注: 新しく追加されたコンポーネントのインポートを更新するには、移行コマンドを再度実行します。

shadcn/uiアプリをVercelにデプロイ

OpenAI、Sonos、Adobeなどに採用されています。

Vercelは、アプリや機能を大規模にデプロイするためのツールとインフラを提供します。