I’ve got a Django app that stores its static and media files in an AWS S3 bucket. Retrieval, usage and storage of these files work fine locally. The issue is, when accessing through the live site hosted on Render, if I try to upload and display an image the web app errors and times out. I don’t usually host my projects, so this might be something totally silly. I’d assumed that since the files are stored in S3, it would still be accessible the same? Perhaps I need to make some adjustments in Render?

In Render logs, I’ve gotten some errors where it doesn’t like/can’t find values in the template variables I am using to display media images. These errors don’t occur locally, so I’m a bit confused. It’s a super long traceback, so I’ve tried to snippet the important/repeating bits. I’m not sure if this is to do with Render, my S3 bucket u;loads or Django template 🙁

See the images/videos below:

live issue video: https://drive.google.com/file/d/1yriXvreGSWv_FiRKOwxKEg-5TDzfyejU/view?usp=sharing

working locally video: https://drive.google.com/file/d/1UA-_kUaE6f1HPjqrUkqNIR1gSXmBNHz3/view?usp=sharing

You can find my code here for further inspection: https://github.com/KianaR/Colour-Picker

Any ideas?