Like what we’re doing? Star us on GitHub!

Has anyone integrated Next, Turborepo, and Payload?

last month

I saw the Remix boilerplate. Decided to try and build something similar with Next. I've had some issues.

1. Clone

2. Run npx create-payload-app in the apps folder to create a new cms folder w/ Payload

3. Add the ui and tsconfig workspace dependencies to Payload's package.json

4. For simplicities sake, I won't create a server, I just switch the port to 8000 on Payload

5. Run pnpm build and all goes well. Same case for pnpm run dev.

6. To test that I can access the packages within payload I open up payload.config.ts and import { Button } from 'ui'.

7. I create a simple function that returns that button, ex: export const b = () => Button;

8. I get the error "Cannot use import statement outside a module"

Basically if I try to import anything from the UI package within this new Payload folder it treats it as if esmodules aren't configured. I've messed around with Payload's tsconfig.json and package.json - but run into the same sorts of errors over and over. Any insight to this? I'm sure it's something dumb.

  • Ellie
    last month

    Hey, I'm running almost this exact setup! I'm using npm instead of pnpm but if I had to guess pnpm is going to handle things better anyway 😅

    In regards to your issue however... I think you're running into a recent change described in the 1.6.1 changelog:

    In a nutshell, you need to set up transpilation


    . I ended up not being able to get it to work in my UI library so I just set it up for Payload as described by the PR mentioned in the changelog.

  • samtietjen
    last month

    @Ellie Thank you! This is definitely whats going on. But darn. Even changing what was mentioned in the changelog doesn't resolve it. Still isn't transpiling the button found in the basic turborepo demo.

    Hmmmm...though even downgrading Payload to 1.5.0 doesn't seem to resolve it

    Ahhhh, dumb mistake on my part. Needed to use tsup to transpile the UI folder. So I guess Payload will import from "ui/dist"

  • Ellie
    last month

    Sorry for the late reply... didn't actually get a ping from you which is strange. Though I'm also new to these threads in Discord so idk 🤷‍♀️ But hey, I'm glad you solved it! Most tools ignore dependencies when transpiling by default but it seems you figured that one out yourself 😅

Open the post
Continue the discussion in Discord
Can't find what you're looking for?
Get help straight from the Payload team with an Enterprise License.Learn More