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

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.


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

You must force it with npx --force:

npx --force shadcn@latest init

Same for installing components:

npx --force shadcn@latest add button

Lessons in this unit:

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