Can't display dynamic images on Heroku app - reactjs

I have deployed app to heroku but images dont display on page .
For example , I have banner image . When I inspect img element it has src like this
http://eksimenerji.herokuapp.com/storage/posts/April2022/9U7kSFBYkGxmu9ccfbYE.jpg
site -> Heroku App

Related

React app not rendering whole app and only showing "edit app.js".What can I do?

My react is running fine on local host, but when I upload it online for ex : Heroku, Vercel, It only shows the react home screen "edit app.js". The app is not working.
It might be because your index.html file being hosted still has the boiler plate code. Based on how you're deploying your app, a html is usually created for you with some boiler plate (I know firebase does this for example).

Site Not Loading Images Dynamically When Deployed on Heroku

I'm attempting to create a site called Mixer and deploy it via heroku
After uploading the site to Heroku, I notice the dynamically loaded images aren't loading, but the imported images are. The code I'm using is:
import Image_Not_Found from '../img/drink_not_found.jpg'
<img src={`../img/${newDrink['image']}`}
onError={(e) => {
e.target.onerror = null
e.target.src = '../img/drink_not_found.jpg'
}}
alt="" className="drink-card-image"
></img>
Now, the error image shows up, but the rest don't. Here's my layout.
>Public
>img
>{images.jpg}
>drink_not_found.jpg
>src
>components
>card.js
The drink_not_found.jpg is loading fine, and when I'm on my local computer the rest of the images are loading as well, until I deploy to heroku. Any thoughts?

Is there a way to know why my react app is showing blank on a subdomain in cpanel

Basically my reactjs project will not show a blank page on a subdomain but will show on the main domain
I tried to place my build on the public_html file and it shows the project but when i place it on the subdomains file it just displays a blank page

Offline static content in React app

I have a react app created with create-react-app. I would like to add an image not part of the react app to the offline manifest. The image is just referenced from index.html. I don't understand how I can include this in the offline manifest.
The react app is ejected.
Put the image in the public folder just as in a regular website and refer to that image. Everything in the src folder is put in a big js file after building so you cant use that

Meteor mobile app and dashboard

website
mobile app
dashboard
I want to use these 3 app in single meteor project . Is this possible ? if so how can i do this ?

Resources