Server only modules are being accessed in client buncle when using Cloud Storage plugin for S3

[jgb-solutions]

Server only modules are being accessed in client buncle when using Cloud Storage plugin for S3

[jmikrut]

Hey @jgb-solutions — you might have an issue related to the following issue which is open on the actual cloud storage plugin:

payloadcms/plugin-cloud-storage#49

Can you check that and make sure that you are properly initializing the cloud storage plugin?

TL;DR: the plugin is responsible itself for adjusting your Webpack config, but if you don't actually initialize it at all, it won't adjust your Webpack config at all. You need to make sure that it is indeed executing otherwise you will see dependency issues like what you've reported.

This is indeed functional though. Take a look at how the next-payload-demo repo uses it:
https://github.com/payloadcms/next-payload-demo/blob/main/payload/payload.config.ts

I will close this but I am happy to help further - so just let me know if you can't get it to work. Might need to have you share your Payload config for further help though. 👍

[revnelson]

I'm using this plugin and it seems to be working, but when I query a media item the url is /media/image_file_name.png and there is no route handler for that so the image won't load. How can I get this to work?

[jgb-solutions]

@jmikrut thanks, it worked when I put everything together.