Hey there! I've been using create-react-app and implemented a file upload feature for images. The uploads are then sent to the backend and saved locally within the project's build directory. Currently, I can reference these images dynamically via localhost:4000/image.png, which works well for me (e.g., uploading images for a blog and accessing them later in a blogList).
However, I have realized that this may not be the ideal way to handle image uploads. I've gone through the documentation provided by create-react-app, but the suggested methods for handling images don't seem to fit my requirements. I must be missing something crucial.
The docs mention: - Using "import," but since I'm loading images dynamically, I'm unsure of how this would apply? [Link to docs] - Using the public folder, but wouldn't that require a rebuild? As I am dynamically loading images, rebuilding is not feasible. [Link to docs]
Just to clarify, my current setup involves an image uploader and backend that functions smoothly with the /build directory. I can upload images and refer to them dynamically. I simply want to know the best practices for achieving this. Thank you! (If suggesting the use of Nginx, could you provide some insight into its implementation?)