9d5c0d350c
**BREAKING:** - The minimum required next version is now 14.3.0-canary.68. This is because we are migrating away from the deprecated experimental.serverComponentsExternalPackages next config key to experimental.serverExternalPackages, which is not available in older next canaries - The minimum `react` and `react-dom` versions have been bumped to ^18.2.0 or ^19.0.0. This matches the minimum react version recommended by next
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:
-
Clone this repo
-
cdinto this directory and runpnpm i --ignore-workspace*, ornpm install*If you are running using pnpm within the Payload Monorepo, the
--ignore-workspaceflag is needed so that pnpm generates a lockfile in this example's directory despite the fact that one exists in root. -
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.