Back to feed
Dev.to
Dev.to
7/19/2026
How to Use Shadcn UI in a Next.js App

How to Use Shadcn UI in a Next.js App

Original: How to Use Shadcn ui in a Next.js App ?

Short summary

A brief tutorial on installing and using Shadcn UI components in a Next.js application. Covers running the init command, adding components like Button and Card via CLI, and importing them into your project. The post is short and surface-level, covering only basic setup and two component examples.

  • Run npx shadcn@latest init to set up Shadcn UI in a Next.js project
  • Add components via npx shadcn@latest add button or card
  • Import and use components with variants like outline and destructive

Generated with AI, which can make mistakes.

Is this a good recommendation for you?

Comments

Failed to load comments. Please try again.

Explore more