Payload Routes Breaks on Nextjs

[payloadcms]

Payload Routes Breaks on Nextjs

[imCorfitz]

When initialising the next-payload package, you will noticed that in your app directory will be created a group folder called (payload) inside which is a folder called admin which is the route set by payload by default.

Inside your next.config.ts file you are then asked to wrap your config in the withPayload helper. This wrapper sets a few next.config parameters for you, one of which is the handling of all routes on the admin path.

The reason you get 404 is likely that you attempt to use dashboard as your admin route, but the configuration isn't set up to match this path.

[JarrodMFlesch]

I am going to close this issue @okeken. I believe @imCorfitz is correct, unless you manually changed the folder name inside app/(payload)/admin to app/(payload)/dashboard and adjusted your payload config's admin path to match this.

Also note that the reset password url is /reset-password not /reset

[okeken]

@JarrodMFlesch correct, I changed the (payload)/admin to match the admin route in my payload.config.ts file, is there a way to use a custom name other than admin, I'm using it for a web app, where the dashboard is also being being used by the end users.

[JarrodMFlesch]

I might be confused, what's not working for you? You set the admin route on routes.admin to '/dashboard' on your payload config? https://payloadcms.com/docs/configuration/overview#options

[imCorfitz]

You might also need to set the rewrite in next.config.js. I have created a PR that enables you to set the custom path as part of the withPayload config, and some documentation along with it. #47

But basically, the withPayload wrapper in next.config.js creates a rewrite config which forwards all routes on /admin/* to the page.tsx in /app/(payload)/admin. In order to change this, you would need to add a custom rewrite object to your next.config.js which says something like

{
   rewrites: [
       {
           source: "/dashboard/:path*",
           destination: "/dashboard",
       }
   ]
}

[JarrodMFlesch]

oh @imCorfitz nice! I will check that out and a couple other outstanding PR's here as well today.