Files
payload/examples/tailwind-shadcn-ui
Alessio Gravili 5f6bb92501 feat!: bump minimum next version to 15.2.3 (#11823)
**BREAKING CHANGE:**
This bumps the **minimum required Next.js** version from 15.0.0 to
15.2.3. This update is necessary due to a critical security
vulnerability found in earlier Next.js versions, which requires an
exception to our standard semantic versioning process.

Additionally, this bumps all templates to the latest Next.js and Payload
versions.
2025-03-24 09:41:33 -04:00
..

Payload with TailwindCSS and shadcn/ui

This is an example repo of Payload being setup with TailwindCSS and shadcn/ui components ready to be used in the admin panel itself.

Checkout our tutorial on our website

Quick Start

To spin up this example locally, follow these steps:

  1. Run the following command to create a project from the example:
  • npx create-payload-app --example tailwind-shadcn-ui
  1. cp .env.example .env to copy the example environment variables

    Adjust PAYLOAD_PUBLIC_SITE_URL in the .env if your front-end is running on a separate domain or port.

  2. pnpm dev, yarn dev or npm run dev to start the server

    • Press y when prompted to seed the database
  3. open http://localhost:3000 to access the home page

  4. open http://localhost:3000/admin to access the admin panel

That's it! Changes made in ./src will be reflected in your app. See the Development section for more details.