refactor: Convert beta videos to grid layout with smaller previews #375
+87
−80
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Change the beta videos section from large single-column previews to a compact grid layout. Videos now display as small square thumbnails with username/angle overlays, while the modal click behavior remains unchanged.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
…views Replace the heavy Instagram iframe embeds with lightweight thumbnail images in the grid preview. Falls back to an Instagram icon placeholder when no thumbnail is available. The modal still shows the full embed.
- Create /api/v1/instagram/oembed endpoint to fetch thumbnails from Instagram's oEmbed API with 24-hour caching - Add BetaThumbnail component that tries stored thumbnail first, then falls back to oEmbed API if the stored thumbnail fails to load - Show placeholder icon during loading and on complete failure
Replace in-memory cache (which doesn't work with Vercel lambdas) with: - Next.js fetch cache (revalidate: 86400) for upstream requests - Cache-Control headers for browser/CDN caching
Instagram's public oEmbed API now requires Graph API authentication. Simplify the component to use stored thumbnails with a clean play button placeholder when thumbnails are missing or fail to load. The iframe embeds in the modal don't require authentication and continue to work.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Change the beta videos section from large single-column previews to a
compact grid layout. Videos now display as small square thumbnails with
username/angle overlays, while the modal click behavior remains unchanged.