Skip to content

Fullstack authentication with nextjs tutorial is broken #21817

@grootjere-me

Description

@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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions