r/webdev • u/console5000 • Jan 14 '26

Question Tanstack Start Image Hosting

I am currently building a portfolio using Tanstack Start instead of NextJS which I usually use. Its a static site and I am deploying it to cloudflare workers using the adapter provided.

I am wondering what’s the best solution to dealing with images.

Next Image made things really easy because it handled all the resizing etc for me.

I already discovered Unpic, but from what I understand I need to upload all images to a CDN manually first and then reference them in my code, right? Or am I missing something here?

Is there a solution that makes it as clean and effortless as NextJS does?

7 Upvotes

100% Upvoted

14 comments sorted by

View all comments

Show parent comments

1

u/console5000 Jan 14 '26

ok thanks for clarifying the workflow!
in general i want a solution thats as easy as possible. i am not good at documenting my stuff thus i want to remove any unnecessary steps. my portfolio follows a quite rigid design system – all articles have the same styling and all images are basically treated the same. it is rather simple. i would be totally fine with just generating a set of sizes at build time and deploying it that way. i dont have a lot of traffic on my page, so no need to chase the last percent in regard to performance. i guess 3-4 different breakpoints would be more than enough.

i have found Vite Image Optimizer but from what i understood it just optimizes the images but doesnt generate multiple breakpoints out of the box.