docs icon indicating copy to clipboard operation
docs copied to clipboard

[Edit docs] Parts of "Developer Quickstart" need updating to work with Tailwind CSS v4.

Open pjklein opened this issue 10 months ago • 1 comments

URL of the page to change: https://docs.stacks.co/guides-and-tutorials/hello-stacks-quickstart-tutorial

Quick fix = pin to Tailwind CSS 3.x

Change Code Setup to explicitly install Tailwind CSS 3.x. The rest of the instructions will then work correctly.

Updating Fix = revamp to work with Tailwind CSS 4.x

Tailwind CSS v4 eliminated the init script and the tailwind.config.js that it creates.

Context

I found this when

npx tailwindcss init -p

got the error mentioned in this Tailwind CSS issue: Unable to Run npx tailwindcss init -p - "Could Not Determine Executable to Run".

Tagging @kenrogers , else i'll address in a PR later.

pjklein avatar Mar 03 '25 18:03 pjklein

Hi, has this been rectified, can I be assigned this?

gboigwe avatar Oct 16 '25 03:10 gboigwe

The Developer Quickstart has been revamped. The issue with CSS styling is no longer relevant with the new revamp.

Let us know what you think about the new Dev Quickstart guide.

https://docs.stacks.co/get-started/developer-quickstart

eric-stacks avatar Dec 18 '25 03:12 eric-stacks