DEV Community

Discussion on: Vue.js Carousels: SSR Support And Performance

Collapse
 
stackedboost profile image
Peter Hallander

Great breakdown of carousel performance with SSR — the hydration issues with carousels are a real pain point and it's good to see them addressed head-on.

Carousels are especially common in ecommerce, particularly on Shopify. If anyone's working on a Shopify store with Vue (via Hydrogen or a custom storefront), a couple of apps worth knowing about:

Eye Catching (apps.shopify.com/beautiful-brands) — standardizes product images used inside those carousels: consistent backgrounds, overlays, and badges. Helps catalog carousels look polished without needing to pre-process every image manually.

Prefetch (apps.shopify.com/prefetch) — preloads product/collection pages on hover, so clicking through from a carousel feels instant rather than triggering a full page load.

These complement the SSR performance work you're describing nicely. Nice article!