ui icon indicating copy to clipboard operation
ui copied to clipboard

[bug]: Next.js intall instructions missing tailwind step

Open jamiehewitt15 opened this issue 5 months ago • 1 comments

Describe the bug

Try running the installation command in a next.js project where tailwind has not previously been used and it leads to an error. The installation instructions seem to be missing a step (i.e. set up tailwind). It doesn't say in the documentation that tailwind is a necessary dependency.

Affected component/components

installation

How to reproduce

  1. Run npx shadcn@latest init in a next.js project where tailwind has not been previously used.
  2. get the following error: ✖ Validating Tailwind CSS.

Codesandbox/StackBlitz link

No response

Logs

$ npx shadcn@latest init
✔ Preflight checks.
✔ Verifying framework. Found Next.js.
✖ Validating Tailwind CSS.
✔ Validating import alias.

No Tailwind CSS configuration found at ...
It is likely you do not have Tailwind CSS installed or have an invalid configuration.
Install Tailwind CSS then try again.
Visit https://tailwindcss.com/docs/guides/nextjs to get started.



### System Info

```bash
next.js running on ubuntu.

Before submitting

  • [X] I've made research efforts and searched the documentation
  • [X] I've searched for existing issues

jamiehewitt15 avatar Sep 11 '24 10:09 jamiehewitt15