Skip to content

Broken blog images: source.unsplash.com deprecated (503) #16

@kiluazen

Description

@kiluazen

What's happening

The blog components use https://source.unsplash.com/random for post images and author avatars:

  • layers/blog/pages/blog/posts/[id].vue
  • layers/blog/components/blog/PostItem.vue

Unsplash deprecated this endpoint in mid-2024. It now returns 503 Service Unavailable, so all blog post images and author avatars are broken.

Suggested fix

Pin specific Unsplash photo URLs (no API key, works indefinitely):

<!-- Post image -->
:src="`https://images.unsplash.com/photo-1618477388954-7852f32655ec?w=800&h=600&fit=crop&q=80`"

<!-- Author avatar -->
:src="`https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?w=40&h=40&fit=crop&q=80`"

Or download and commit the images locally using tteg:

uv tool install tteg
tteg save "blog post hero" ./public/blog-fallback --orientation landscape

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions