imalfect
Explore posts from serversCDCloudflare Developers
•Created by imalfect on 7/18/2024 in #general-help
Cloudflare Edge Cache/ Cache reserve, or a Media CDN
Hey everyone, I've been trying to get my mind around the whole content delivery network thing. I am looking to optimize load times of my images in different regions.
My current setup is: A VPS located in Germany (hosting is hetzner), which hosts a nextjs app, and a directus cms, both proxied through cloudflare
The images are stored on my drive (that's how directus does it), and are served through a url, that is proxied through cloudflare. The images are transformed using the cms api.
What I wanted to do was have these images be served from different locations, to improve the speed.
I was thinking of either having the images on Amazon S3 instead, and serving them with cloudfront. Another idea I had, was to enable cache reserve on cloudflare, or potentially having the images on cloudflare r2 (cloudflare images aren't an option, no native way to integrate easily with my content management system).
So, my questions are:
- Will enabling cache reserve, and having the images on r2 result in a similar setup to amazon s3+cloudfront?
- Will enabling cache reserve, and NOT having the images (therefore keeping them on my server), make them served through the cdn (so, multiple locations).
- will cache reserve improve the performance of my website? (NextJS, primarily server-side rendered website).
- are there any other steps I could take to improve the performance of my website? (excluding optimizing on my frontend-code side, will do that anyway)
- Will Polish and Mirage help with anything?
3 replies
DTDrizzle Team
•Created by imalfect on 12/14/2023 in #help
⨯ Error: UNDEFINED_VALUE: Undefined values are not allowed
6 replies
RReactiflux
•Created by imalfect on 1/18/2023 in #react-forum
Grid elements are not centered
Hello, my grid elements aren't centered, why is that so?
InfoBox:
Thanks for the help.
2 replies
RReactiflux
•Created by imalfect on 12/30/2022 in #react-forum
Box Element causing overflows on smaller screens, even though it does not reach the end of screen
I am using Material UI with React and Webpack
On smaller screens my react box component makes the screen "expand" on the right side, and this causes the navbar to expand, and also horizontal scroll to appear, I have attached my return code, and also a few screenshots that may help.
My element
Some screenshots of the issue:
https://i.stack.imgur.com/gtmJE.png
As you see on the "right side" of the view, the different grey colour appears, and that is the place where the element overflows.
You can view the issue here: https://dev.vinu.cash/nameLookup (visible on mobile devices, on chrome selecting Galaxy S8+ (360x740) device to view on also shows the issue.
25 replies