shadcn-ui :

https://ui.shadcn.com/docs/installation/manual

Tailwind :

https://tailwindcss.com/docs/guides/nextjs

tailwind.config.js

すでにtailwindCSSを使っているプロジェクトで途中からshadcn-uiをインストールするとtailwindの内容が消える

tailwindCSSを再インストールし、tailwind.config.js に以下を追加

  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",

    // Or if using `src` directory:
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
  ],

パス関係のエラー

shadcnのエラーは基本パスが間違っていることが原因

ケース : 突然相対パス？に切り替わった影響でshadcnコンポーネントへのパスがすべておかしくなった

対策 :

• エイリアスの理解 config.json
• こまめなバックアップpush