Fullstack authentication with nextjs tutorial is broken

[grootjere-me]

Existing documentation URL(s)

https://developers.cloudflare.com/developer-spotlight/tutorials/fullstack-authentication-with-next-js-and-cloudflare-d1/

What changes are you suggesting?

The tutorial is broken for me using following tutorial and it needs to be fixed. Please help fix the 2 issues below. ChatGPT is way in over it's head on this one.

My System: Node.js v20.17.0 npm -v 11.2.0 macOS Sqauoia 15.2

Issue 1 (dated yarn create command?)

yarn create cloudflare auth-js-d1-example --framework=next --experimental

╭ Create an application with Cloudflare Step 1 of 3
│
├ In which directory do you want to create your application?
│ dir ./auth-js-d1-example
│
├ What would you like to start with?
│ category Framework Starter
│
├ Which development framework do you want to use? (skipped)
│
╰ ERROR Error: Unsupported framework: next

Issue 2 (No idea what the problem could be here)

Using yarn create cloudflare auth-js-d1-example

Followed all Steps in tutorial correctly including Yes to ✔ Would you like to use Tailwind CSS? … No / Yes

Step 6. Build Sign-in Interface is broken

npx shadcn@latest init -d

✔ Preflight checks.
✔ Verifying framework. Found Next.js.
✔ Validating Tailwind CSS config. Found v4.
✔ Validating import alias.

Something went wrong. Please check the error below for more details.
If the problem persists, please open an issue on GitHub.

Validation failed:

• tailwind: Required

Additional information

No response

[kodster28]

Howdy @grootjere-me, we recently updated this tutorial and I think your problems should be fixed.

Mind confirming if you're still experiencing the same issues?