speed-metal-stack
speed-metal-stack copied to clipboard
Question: What is a good way to implement images?
Hi, thank you very much for this stack. That's exactly what I was looking for 👍 I'm honestly still a newbie when it comes to Remix and I need to understand all the workings of this stack. So my question is: What is a good and scalable way to integrate images into this stack, which will be displayed in a blogpost? Of course I could upload any image to the /public
folder, but would that be recommended? I saw that Kent C. Dodds used cloudinary for his website. How could that be integrated into this stack as well, or is there perhaps another "simpler solution"?
Hey @niklasgrewe! 👋
What is a good and scalable way to integrate images into this stack
Cloudflare Images is an excellent alternative to Cloudinary (which I heard is a bit pricey), or you can host an Image solution inside your Remix app using this great community package remix-image. I don't think it would be ideal for including an Image solution into this stack since it's meant to be a bare minimum to get started with.
is it correct that a new deployment is started every time I add a new blog post
The action will start to determine what has changed. If only the files inside the content
directory have changed, the deployment will stop after the first step, and else the app will be built and deployed. I tried it just now and it works https://github.com/Girish21/test-speed-metal/actions/runs/2250719074
and one thing I don't really understand yet... when I create a new post via npm run new:blog, edit it and then run git push, the github actions are started and the page is still built and deployed to fly. However, when I then go to https://{myApp}/blog, I don't see the new post in the list. But I can access it via https://{myApp}/blog/hello-world. Why is this and how can I change this?
That should not be the case, can you check the action logs? I just tried it, and it seems to be working https://github.com/Girish21/test-speed-metal/runs/6241443128?check_suite_focus=true. Can you check if your actions are running without any errors?