Skip to content

migrate videos to cloudinary + add poster frames everywhere#653

Merged
moehdotdev merged 1 commit into
mainfrom
dev
Mar 20, 2026
Merged

migrate videos to cloudinary + add poster frames everywhere#653
moehdotdev merged 1 commit into
mainfrom
dev

Conversation

@moehdotdev

Copy link
Copy Markdown
Member

moved all videos off imagekit and onto cloudinary, added poster images so there's no blank flash before videos load, and cleaned up some loose code along the way.


what changed

video hosting → cloudinary
all feature videos and the hero video are now served from cloudinary with q_80 quality and capped width (w_900 for features, w_1200 for hero). this replaces the imagekit urls that were either uncompressed or had unreliable on-the-fly transforms.

poster frames on every video
both LazyVideo and HeroVideo now accept a poster prop — cloudinary auto-generates a .jpg thumbnail at the same transform url, so we just swap the extension. users now see a real first frame instead of a blank/black box while the video loads.

featureVideos map updated
changed the map values from a plain string to { video, poster } so each feature has both the video url and its poster. destructured cleanly at the render site.

hero video also migrated
HeroSection now passes both src and poster to HeroVideo. the cloudinary url has the same compression settings.

code cleanup

  • removed unused Image import from HeroSection
  • simplified setInView from an if/else to a one-liner
  • collapsed the setTimeout callback to a single expression
  • removed stray inline comments and a leftover f classname on the svg
  • dropped unused useState and useCallback imports from FeaturesSection

why

imagekit's real-time transforms were flaky and the videos had no poster so there was always an ugly blank flash before playback. cloudinary gives us reliable compression with auto-generated posters from the same url.


NOW

  • compressed videos served reliably via cloudinary
  • no more blank video boxes — poster frame shows instantly
  • hero and feature videos are consistent in how they're handled
  • cleaner code with less noise

@vercel

vercel Bot commented Mar 20, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
notevo Ready Ready Preview, Comment Mar 21, 2026 9:23am

@moehdotdev moehdotdev merged commit 32d7bc3 into main Mar 20, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant