**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.
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:
- Run the following command to create a project from the example:
npx create-payload-app --example tailwind-shadcn-ui
-
cp .env.example .envto copy the example environment variablesAdjust
PAYLOAD_PUBLIC_SITE_URLin the.envif your front-end is running on a separate domain or port. -
pnpm dev,yarn devornpm run devto start the server- Press
ywhen prompted to seed the database
- Press
-
open http://localhost:3000to access the home page -
open http://localhost:3000/adminto access the admin panel
That's it! Changes made in ./src will be reflected in your app. See the Development section for more details.