Issue with NextJS rewrites: had to preform a full reload

[tommyboylab]

I'm trying to bootstrap a NextJS/ Keystone application using the examples/framework-nextjs-app-directory and a combination of Turbo to run both applications at the same time locally. I found a similar example at borisno2/on-the-hill-drama-club.

Unfortunately it seems like NextJS is unable to redirect the request from localhost:4000/admin to 3000/admin as it throws an error regarding a fast-refresh reload.

I am not sure what exactly could be the issue with the re-direct or how I would solve it.

Configuration is the same as in the example, with change of baseURL to /admin and the next.config.js set to redirect admin from 4000 to 3000

Any help would be appreciated getting this working.

    "dev": "turbo dev:watch dev:keystone dev:next",
    "dev:next": "next dev --port 3000",
    "dev:keystone": "next dev .keystone/admin --port 4000",
    "dev:watch": "keystone dev --no-server",

    async rewrites() {
        return {
            afterFiles: [
                {
                    source: '/admin',
                    destination: `${KEYSTONE_URL}/admin`,
                },
                {
                    source: '/admin/:admin*',
                    destination: `${KEYSTONE_URL}/admin/:admin*`,
                },
            ],
        }
    },

[tommyboylab]

Doing a little more digging, it seems to be affected by the NextJS package version. I've reverted the package version to that of @keystone/core and found it will load successfully -- anything above it will do the full reload.

This happens on Nextjs 14 and NextJS 13.5.6

I will leave this open and will look to open an issue if I am unable to come up with a reason why

[tommyboylab]

Issues comes after Next.js version 13.4.12 -- I'm not sure what exactly might be leading to the issue (with 1812 commits) but at least it ends at this version and changelog

https://github.com/vercel/next.js/releases/tag/v13.4.13

[tommyboylab]

Following up with this, found that there is a specific issues with NextJS spawning in another child process...

Thanks to PayloadCMS documentation for finding this 🙏🏼

Might be a work around to do something similar to what they're doing here -- ensure that the keystone package has been loaded

https://payloadcms.com/docs/local-api/overview#nextjs-conflict-with-local-api