"Server Actions" are not supported with Static Export

[zawadzki-dawid]

Describe the issue you're facing

My team is facing an issue where storyblok SDK is blocking the static export of our application with message Server Actions are not supported with static export. I tried to downgrade the storyblok/react package to version 3.0.10 and it solved the issue. Can we opt out of using server actions with the latest package?

Edit:
I found out that StoryblokStory was using server actions under the hood, I replaced it with StoryblokServerComponent but build is still failing. Is tree-shaking not working with the package?

Reproduction

NA

Steps to reproduce

• Add to { "output": "export" } to next.config.js
• Use SDK somewhere in code
• Build next app

System Info

"@storyblok/react": "^4.0.0"
"next": "14.12.16"
"react": "18.3.1"

Used Package Manager

pnpm

Error logs (Optional)

No response

Validations

• Follow our Code of Conduct

[kelkes]

👍

Same issue here. Tried to replace <StoryblokStory /> with <StoryblokServerComponent /> too. Didn't work.

As the Server Actions is used for live editing (as far as I understand this), an option to disable that would be great for static export.

I know you've got plenty to do right now... but this is kinda blocking my projects right now. :(

[zawadzki-dawid]

I recommend going version down to 3.0.10, but probably like in our case you must have this thread on mind :) #952

[kelkes]

I recommend going version down to 3.0.10, but probably like in our case you must have this thread on mind :) #952

That could be an option, but results in rewriting parts of the website... :(

[filmic]

Workaround:

• edit and remove "use server"; from these files:
  • node_modules/@storyblok/react/dist/live-edit-update-action.mjs
  • node_modules/@storyblok/react/dist/live-edit-update-action.js
• remove .next folder to clear build cache
• run npm run build

[kelkes]

Thanks!

That only works locally though... but I run the build as GitHub Action. :(

[filmic]

Try to add it as a step in GitHub Action job (after installing dependencies but before building)

- name: Remove 'use server' directive
  run: |
    sed -i 's/"use server";//g' node_modules/@storyblok/react/dist/live-edit-update-action.mjs
    sed -i 's/"use server";//g' node_modules/@storyblok/react/dist/live-edit-update-action.js

Edit: corrected sed commands

[kelkes]

@filmic ah! thats a good idea. thanks

[zawadzki-dawid]

Thanks for workaround @filmic 🙌

[Simon-Hayden-Dev]

An alternative to @filmic's approach would be to use patch-package. That way all devs have the same code-base and can build locally as well.

For pnpm there is pnpm patch - no dependency needed. Same with yarn patch, but I've never used it.