6b4842d44d
Adds the ability to create a project using an existing in the Payload repo example through `create-payload-app`: For example: `pnpx create-payload-app --example custom-server` - creates a project from the [custom-server](https://github.com/payloadcms/payload/tree/main/examples/custom-server) example. This is much easier and faster then downloading the whole repo and copying the example to another folder. Note that we don't configure the payload config with the storage / DB adapter there because examples can be very specific.
1.0 KiB
1.0 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 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.