Next.js (App Router): How to install shadcn-ui on latest Next.js beta-RC

Join the AI Workshop and learn to build real-world apps with AI. A hands-on, practical program to level up your skills.

If you want to set up and use shadcn/ui on the latest Next.js RC (not the stable release), the regular setup fails due to dependency issues.

You must force it with npx --force:

npx --force shadcn@latest init

Same for installing components:

npx --force shadcn@latest add button

0:	Introduction
1:	Server Actions
2:	Next.js, passing an id to a server action
3:	The use hook
4:	use() and data fetching
5:	The useFormStatus Hook
6:	The useOptimistic hook
7:	The useActionState hook
8:	How to get the Request headers in Next.js app router
9:	▶︎ How to install shadcn-ui on latest Next.js beta-RC