zeekay
09c5e16c5c
- payload -> @hanzo/cms (core), bin payload -> hanzo-cms - create-payload-app -> @hanzo/create-cms-app - @payloadcms/<x> -> @hanzo/cms-<x> across the whole dependency graph - 3545 files, 72 package.json, 4419 scoped refs, 3852 core import specifiers, 82 scss imports - MIT attribution to Payload CMS Inc. preserved (LICENSE.md, author emails) Upstream: github.com/payloadcms/payload @ v3.85.2 (MIT)
1.1 KiB
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 @hanzo/create-cms-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. -
Ensure MongoDB is running and
DATABASE_URLpoints to it (for examplemongodb://127.0.0.1/payload-example-tailwind-shadcn-ui) -
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.