#Payload admin CSS loaded on the frontend in serverless next-payload

1 messages · Page 1 of 1 (latest)

silver walrus
#

Hi there! I've been trying out the next-payload and next-payload-demo and I can't get around Payload's default admin CSS being loaded on the frontend.

Steps to reproduce:

  1. Clone next-payload-demo
  2. Launch
  3. Goto localhost:3000
  4. Check sources -> page.css
  5. See the Payload admin styles in the page.css

I've tracked down the issue to import { getPayloadClient } from '../../../payload/payloadClient';

If this import is removed from /app/(site)/[slug]/page.tsx (along with all other code related to getPayloadClient in that file), then Payload styles aren't carried and only (site) styles are added to page.css

Is there any way to avoid loading admin styles on the frontend? I tried going with webpack rules here, but could only disable loading these styles everywhere (/admin/ included) which is not desired.

image.png
knotty charmBOT