Building T3 app with Docker. Image access issue (sharp).
I have a quite simple app based on T3 template.
I want to deploy it with Docker, so i'm building Docker image as it suggested in docks. Image are building successfully, app runs, but image optimisation do not work. In console i see error that i need to add "sharp" npm package explicitly to make it work.
After installation, <Images /> that are added as usual works fine, but images that are added in a way that are shown on screenshot - fails with 500 error, and server die. In console i see socket errors. In very-very rare cases 1-2 of 5 images loads, but in next run of same image they all can fail
When it is deployed to Vercel - everything works fine. (no errors, server alive, everything 'webp'
When i replace Image -> img in that map, everything works fine. (This images are not optimised (still png), least images are transformed png -> webp)
Question:
How to fix that issue with Image optimisation? FIXED (check comments below)
New question:
Why create-t3-app have this insane (23sec) image loading time?
How i can improve it?
I want to deploy it with Docker, so i'm building Docker image as it suggested in docks. Image are building successfully, app runs, but image optimisation do not work. In console i see error that i need to add "sharp" npm package explicitly to make it work.
After installation, <Images /> that are added as usual works fine, but images that are added in a way that are shown on screenshot - fails with 500 error, and server die. In console i see socket errors. In very-very rare cases 1-2 of 5 images loads, but in next run of same image they all can fail
When it is deployed to Vercel - everything works fine. (no errors, server alive, everything 'webp'
When i replace Image -> img in that map, everything works fine. (This images are not optimised (still png), least images are transformed png -> webp)
New question:
Why create-t3-app have this insane (23sec) image loading time?
How i can improve it?
