"I'm currently building a web app using NuxtJS 2 for the frontend and NestJS for the backend, relying on third-party APIs (like Replicate) for the heavy lifting. I'm using Cloudflare R2 to store the generated output images. I'm running into some performance bottlenecks when rendering specific landing pages that contain heavy, dynamic image galleries. For instance, I'm trying to optimize the SEO and load speed for my AI Pet Portrait Generator free tool page."
"The initial server-side render is fine, but the client-side hydration feels noticeably sluggish when the gallery components populate with high-res images from R2. Has anyone dealt with optimizing Nuxt 2 for this kind of setup? I'd really appreciate any insights or pointers to resources from the frontend experts here!"
The project uses NuxtJS 2 for the frontend and NestJS for the backend, with third-party APIs such as Replicate performing heavy processing. Generated output images are stored in Cloudflare R2. Certain landing pages contain heavy, dynamic image galleries that introduce performance bottlenecks. Server-side rendering completes successfully, but client-side hydration slows significantly when gallery components populate with high-resolution images from R2. The goal is to improve SEO and perceived load speed for a free AI Pet Portrait Generator tool page. The seek is for optimizations and actionable pointers specific to Nuxt 2 and image-heavy galleries.
Read at SitePoint Forums | Web Development & Design Community
Unable to calculate read time
Collection
[
|
...
]