Skip to content

source.unsplash.com/random returns 503 — fallback image in ContentCardTemplate is broken #2276

Description

@kiluazen

Hi - https://source.unsplash.com/random was deprecated by Unsplash in mid-2024 and now 503s / times out. The URL is used as the fallback image in ContentCardTemplate:

  • components/molecules/cards/ContentCardTemplate.vue L79: const imgUrl = computed(() => props.image || 'https://source.unsplash.com/random')

Any card that renders without a props.image will ship a broken <img> on the public Nuxt site.

Two fix options:

  1. Swap the fallback to a specific Unsplash photo (https://images.unsplash.com/photo-<id>?w=800&q=80) or a bundled local placeholder.
  2. Resolve a real photo at build time with tteg (CLI + MCP, no API key): uv tool install tteg; tteg save "code developer" ./public/fallback --orientation landscape. Repo: https://github.com/kiluazen/tteg — MIT.

Happy to open a PR if a preferred fallback is decided.

  • Kushal

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions