Documentation on static assets + image optimization
I now try to develop some basic website using tanstack start.
For that i need to handle static assets, such as images.
I am still relatively new to web pages development and I would really like to see how to handle static assets with TanStack Start.
What i am saying is that docs are missing for that part. I see that we have
Next thing is working with images. We can use images referencing either
- imported file with "import" directive, that sits in src, then it's subject to bundling etc., for example
- reference as
I guess in first approach (with importing) the image is subject for bundlers etc., while in
Then, I would like the docs to touch on image optimization. There's already small mention in docs about migrating from Next.js and replacement for
SUMMARY
I know that people here are rather experienced FE devs, and above for most is obvious. However, for me it is not and it would be good for TanStack to include docs about those (and could include TanStack improvements in those areas).
This will be beneficial for all users that in future will pick TanStack Start as their first technology for website development and such docs will be more complete and self contained + IMO it will attract even more users to using TanStack Start.
For that i need to handle static assets, such as images.
I am still relatively new to web pages development and I would really like to see how to handle static assets with TanStack Start.
What i am saying is that docs are missing for that part. I see that we have
publicsrcdist/client.output/publicNext thing is working with images. We can use images referencing either
- imported file with "import" directive, that sits in src, then it's subject to bundling etc., for example
import logo from '@/images/logo.svg<img src={logo} ...- reference as
<img src="/name-of-pic-in-public-dir.jpg" ....name-of-pic-in-public-dir.jpgI guess in first approach (with importing) the image is subject for bundlers etc., while in
publicThen, I would like the docs to touch on image optimization. There's already small mention in docs about migrating from Next.js and replacement for
Imagenext/imageSUMMARY
I know that people here are rather experienced FE devs, and above for most is obvious. However, for me it is not and it would be good for TanStack to include docs about those (and could include TanStack improvements in those areas).
This will be beneficial for all users that in future will pick TanStack Start as their first technology for website development and such docs will be more complete and self contained + IMO it will attract even more users to using TanStack Start.
