Skip to content

feat: add article image slideshow and improve og:image sharing#130

Open
alexwelcing wants to merge 1 commit intomainfrom
claude/add-article-image-slideshow-gY20e
Open

feat: add article image slideshow and improve og:image sharing#130
alexwelcing wants to merge 1 commit intomainfrom
claude/add-article-image-slideshow-gY20e

Conversation

@alexwelcing
Copy link
Copy Markdown
Owner

  • Created unified API endpoint (/api/media/all-images) that fetches both uploaded media and AI-generated artwork for each article
  • Built ArticleImageSlideshow component with:
    • Smooth fade transitions between images
    • Thumbnail navigation strip with type badges (AI vs IMG)
    • Fullscreen modal with keyboard navigation (arrows, escape)
    • Visual distinction between artwork (gold sparkle icon) and media (blue image icon)
    • Responsive design for mobile and desktop
  • Integrated slideshow into article pages below the classification header
  • Enhanced og:image metadata to prioritize selected AI artwork over frontmatter images
  • Server-side fetching ensures proper social media preview cards with latest generated artwork

This enriches article pages by showcasing all visual content in an accessible, elegant gallery while improving social sharing with high-quality AI-generated imagery.

@vercel
Copy link
Copy Markdown

vercel Bot commented Jan 14, 2026

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

Project Deployment Review Updated (UTC)
next-docs-search Ready Ready Preview, Comment Jan 23, 2026 10:15pm

@chatgpt-codex-connector
Copy link
Copy Markdown

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.
To continue using code reviews, you can upgrade your account or add credits to your account and enable them for code reviews in your settings.

Cherry-picked slideshow feature from broken branch to stable main:

Added:
- ArticleImageSlideshow component with fullscreen, keyboard nav, debug mode
- /api/media/all-images unified endpoint for artwork + media
- og:image selection from article_art_options in [slug].tsx

Fixed:
- Storage bucket references (media → article-artwork) in 4 files
- Image domain allowlist in next.config.js

Keeps stable 3D scene from main (no splat/hybrid changes).
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.

2 participants