a year ago
How much is fast railway to deliver images does it use cdn or something, i mean is it a good idea to store data in the persistent volume ?
146 Replies
a year ago
Railway doesn't have a CDN, you'll need to have your own CDN layer
a year ago
It's not that slow though, I'm in South Africa and most of my deployments is in US-West and I haven't felt the need to add a CDN layer
a year ago
Oh yea, on hobby plan it's limited to 5GB
a year ago
You can increase it to 250GB on pro plan though
a year ago
pro plan is a fixed price of 20 bucks per person in the team plus additional resource usage
ok so you pay even if your not using 20 bucks of bandwich/resource value ?
a year ago
just want to note, a single volume is 5gb on hobby, up to 50 on pro
a year ago
so you could have multiple volumes if needed, they just have to be on different services
a year ago
where are you seeing 250?
a year ago
the default is 50GB, it can be increased to 250GB
a year ago
it was updated recently i believe
all right so the bandwith is fast enough and stuff to not even need a cdn tho ?
a year ago
yea, 20 usd per person you have on your railway project and then you also pay for resource usage seperately
i think i'll start hosting on hobby and when my app will grow and need more i'll pass to pro
a year ago
For me personally I never bother adding a CDN but it'd depend on your project's requirements and scale
a year ago
Sounds good 🙂
a year ago
The credits based plan does still exist
a year ago
it just can't be used as an option on pro plan accounts
oh yeah thats what i was gonna ask, so yeah your still locked to the base hobby plan even if you have enough of credits
a year ago
yea, it's worth noting though that when you get pro plan it'll be seperate from your hobby plan
so it's not like you upgrade your hobby plan to turn into a pro plan, you just purchase a pro plan
here's what that'd look like:

a year ago
Here you can see a hobby (personal) plan and a pro (team) plan
a year ago
yea
Do you know any good self hostable service similar to cloudinary (api based hosting assets images, video only needed) with image transform (bluring, resizing) ?
a year ago
I've heard good things about imagekit (never used it before though), you could check that out
okey, i need something that is plug and play with railway template, and capable of hosting images on the direct volume
a year ago
for future reference, we can transfer credits from your hobby to pro workspace after you create the pro workspace
@Fragly Thanks for the help thats very sweet from both of you have a great day 😄 !
a year ago
Happy to help, you too 🙂
Sorry, i have a question concerning volume.
So i've created a volume with mount path -> /assets
So i suppose i can now use it directly like a path static folder
so const ASSETS_PATH = "/assets"; and await writeFile to the path.
Is it right ?
So now i'd like to give those images a subdomain so with nginx i'd probably do a server_name and location root..
The goal is to access the images by going on assets.website.com/images.png
But here how can i do that ?
a year ago
you've answered your own question! you are correct in the first question and the second question, yep that's how you'd write to the volume and nginx or similar is how you'd serve files.
And i've installed nginx in railway.
So what i suppose again is that i create a nginx.conf file in my project root folder ?
Yeah but no, i just found this answer from Brody, -> https://help.railway.app/questions/nixpacks-staticfile-provider-configure-n-f0cd2327
Brody - "Railway does not provide a way to provide an nginx.conf file for the staticfile provider.
instead, have railway build your app and then serve it with caddy, example here".
Yeah here i'm lost never head of that…
So i've tried Caddyfile + nixpacks deploys are fine but app not accessible 502 bad gateway
{
admin off
auto_https off # Disable automatic HTTPS as Cloudflare handles it
}
baryum.co {
tls {
protocols tls1.2 tls1.3
}
reverse_proxy localhost:3000
}
assets.baryum.co {
tls {
protocols tls1.2 tls1.3
}
root * /assets
file_server
}Idk what is causing the issue, Public Networking tab seems to be correct and cloudflare looks ok aswell…
ok tried everything out with caddyfile so i'm leaving that there i'm finnaly trying this example
https://railway.app/template/o3MbZe
But still experiencing issues with nginx file not seems to be applied
a year ago
you were close, but you used domains instead of listening on the PORT environment variable.
either way, nginx or caddy, doesn't provide you with a way to put media onto the service.
if this is all new to you, it might be better to stick with something like cloudinary
either way, nginx or caddy, doesn't provide you with a way to put media onto the service.
I made an endpoint on my sveltekit app that will upload the assets to the volume.
i used your create react app example for caddy & nixpack but getting 404 or 502…
a year ago
you can not attach a single volume to multiple services, so whatever volume you are uploading files to is not the same volume you have hooked up to caddy/nginx
so it is not possible to have a volume on my service with the caddy in the frontend service and attach it to assets in volume ??

a year ago
not at the same time, no
oh :/
There is basically no way then to have a subdomain on the volume while being capable of passing data to it from the frontend ? No way, even with another service/template anything ?
a year ago
oh there definitely is, just not with what you have setup
oh well i still need to keep my endpoints and api in my frontend sveltekit app, and if i can use the volume to store persistent data that fit my needs
How can i do that ?
a year ago
I don't think i understand the question, you simply read and write files to the volume at its mount point
yup, but from what i've understood i need nginx or caddy to be able to rewrite the path to make the subdomain pointing the assets folder
a year ago
why do you need an assets subdomain?
since cloudinary isn't not cheap at all for custom domain and usage, i want to keep having good looking urls from my custom domain
like ppl have with cdn, images or stuff
a year ago
then just add assets.domain.com to your railway service
a year ago
yes
i did but it serves the app like the main domain does, and it doesn't serve images like
assets.domain.com/image.png
a year ago
you need to write the code to not serve your main app on that domain.
you need to write the code to serve your assets on that subdomain.
a year ago
just write the code to do it
i'll do some search to discover more on the subject but here now idk where to start, never knew we could do that from the frontend side
a year ago
did you say you were using sveletkit?
a year ago
I assume you are using it in CSR mode?
a year ago
why?
a year ago
you would need to be using the node adapter for what you want to achieve
i manage my website content from a chrome web extensions and i need to pass requests from the browser to access the endpoint
a year ago
huh
a year ago
are you using the node adapter
yup automated everything in the browser one click and it's resize + screenshot the website then a form is filled and if submitted it goes on my endpoint secured by api key
a year ago
okay then accessing the volume and doing the hostname checks, serving the files, etc, are all going to be done server side
a year ago
okay then I'm not sure why you mentioned client side
i'm unsure but maybe i don't completely understand everything
note-adapter is just an adapter to build the code and stuff not providing a complete standalone backend service like express ?
a year ago
it enables you to write server side code
a year ago
vs. a client side website
a year ago
then it sounds like you understand what you need to be doing, just don't overthink!
then yeah i'm missing some knowledge then if i can do all of that from node-adapter
a year ago
you write the code to do what you want to do
a year ago
just start typing
a year ago
nah you got this, first things first, create a server side route that returns the given media file
You are right i've never tried this part of svelteit docs
https://kit.svelte.dev/docs/adapter-node#custom-server
a year ago
you don't need a custom server to read files off the volume, but you would likely need it to do the assets subdomain redirection stuff
yes thats why i created my server.js to rediction concenrant the read files off the volume i still don't know how to do that but i'll do my search
a year ago
at that point it's just writing JavaScript, easy enough, you got it!
So i can access the volume data, as simple as going to a direct folder like express.static(path.join(__dirname, "/assets"))(req, res, next); right ?
a year ago
correct
one thing, now i have to create a subdomain at cloudflare do i have to add it also in railway ?
a year ago
yes
a year ago
you first need to add it to railway, and then cloudflare though
a year ago
correct, hobby is limited to two
yup but by doing this arn't we saying that we want our app to run like "main domain name" to the subdomain ?
a year ago
no lol
a year ago
you need to write the code for that
i did// Subdomain middleware app.use((req, res, next) => { const host = req.hostname; if (host.startsWith("cdn.")) { // Check if a specific file is requested if (req.url === "/" || req.url === "") { // No specific file requested, redirect to error page return res.status(404).send("Error: No file specified"); } // Serve static files from the /assets directory express.static(path.join(__dirname, "/assets"))(req, res, (err) => { if (err) { // If file not found, send a 404 error res.status(404).send("Error: File not found"); } }); } else { next(); } });
Maybe an issue witht the endpoint image location ?
a year ago
doesnt look like valid code to me
even when launched in production localhost
a year ago
how do you know there are images in the volume
by passing it through my endpoint it return "message": "Images processed and saved successfully",
with the url but idk how to actually verify since there is no terminal to access
a year ago
how do you know you are saving to the correct location
i suppose from your previous answer, when i asked if by doing await writeFile(path.join(ASSETS_PATH, filename1), image1); it'll write the file to the volume location and folder /assets
reading this
https://www.answeroverflow.com/m/1168623790020886578
"By default, the storage location is set to the storage subdirectory in the root of the volume, but by setting a service variable USEVOLUMEROOT to 1 you can opt to use the root of the volume as the storage location instead"
a year ago
what does that have to do with the volume on the sveltekit service though?
oh i was thinking maybe when i upload my file it's uploading it in the root folder instead of going on the volume ?? maybe i misunderstood
a year ago
you did, that is specific to the filebrowser service
Ok tried with
```app.use("/assets", express.static(path.join(__dirname, "assets")));
app.get("/:file", (req, res) => {
const file = req.params.file;
res.sendFile(path.join(__dirname, "assets", file));
});
```
But no success
a year ago
for future reference "no success" is not very helpful
yeah sorry, i mean after upload success by endpoint i get url
"https://cdn.baryum.co/download1725812650425800x500.png",
But it's not accessible
a year ago
it's not accessible is also not helpful, as that's a very vague term
basically idk how i can verify if data is written on volume there is no more information on dashboard so hard to say
i still can't figure out if it's a url/middleware problem or path/location
a year ago
there's metrics on disk usage
yeah stuff seems to be written, where, when and more idk
so i can only suppose that yes stuff is being stored so there is a problem in my middle, the way i am retrieving those assets

finally made it work but under /cdn/ folder next the main domain and not as a subdomain
a year ago
awesome!
i think i'm gonna change the way i upload imgs cuz csrf is kinda bad to be disabled.
I still can upload those by base64 raw in the json payload
a year ago
sounds good!
