#Mounting Payload 3 into an existing Next.js 15 app — admin UI breaks (nested root layouts)

2 messages · Page 1 of 1 (latest)

pulsar path
#

I'm adding Payload 3 (3.84.1) to an existing Next.js 15 App Router project
that already has its own root app/layout.tsx rendering <html><body>.
Payload's app/(payload)/layout.tsx renders its own <html><body> too, so I
end up with nested <html>/<body> — /admin returns 200 but static chunks
404 and the admin UI is a blank page.

What's the correct, supported way to make Payload 3's admin coexist with
an app that already has its own root layout? Is the standard fix to make
app/layout.tsx a passthrough and give each route group its own root
layout? The app has several route groups ((app), (site), (auth)) plus a
separate /keystatic mount — is that a routine change, or do people
usually run Payload as a separate app instead?

Thanks!