Setup [B]

📓 Breaking Changes:

  • There has been a breaking change in an update in November 2024 regarding the CLI. Instead of using npx shadcn-ui@latest init, you now have to use the new CLI:
    npx shadcn@latest init.
  • The new default style is New York. I’d recommend using Default, though, because this is the one used in the course. If you are using New York, there may be some style differences between your UI and mine.
  • The new default base color is Neutral. You can use this too, but the course is using Slate. If you want to have the most similar look and feel, choose Slate as well.
  • Important: We still want to use CSS variables (default) during the installation.
  • You may also see a warning related to React 19 if you are using npm. If so, use the --force option.

📓 Changes:

  • Shadcn UI no longer overrides animations during installation. In the video, I mention this toward the end, but rest assured, your animations should work as expected now.

Additional Resources:

📓 Breaking Changes:

  • In the next lessons, whenever we add components from our UI library, you will see me initializing components with shadcn-ui on the command line. From now on, you will need to use the new CLI: shadcn instead.

📘 Exercises


Complete and Continue  
Discussion

8 comments