Passing a request param like https://extend-alt-text.vercel.app/ogimage?=[anything_Random_here] will be treated as unique request and will generate new og image. Now this newly generated image can be cached for 10 second. Sending same parameter again will prompt the cached version of the og image. Frequently changing og image can influence the SEO, but it is absolutely okay to create Og images dynamically or for dynamic routes. Handelling request and request.param to get the passed value can be used to dynamically add text in the og image by using {request.param} while structuring SVG in the returned imageResponse. You can clone our project from our github repo. Our project is called Extend Alt Text and it takes the vercel Alt Text Generator and extends its functionality. It let users upload multiple files at once and generate alt texts in bulk. We can describe how we did that in a separate article. Thanks for Now.

// src/app/page.js import ImageSlider from "../components/image-slider"; export default function Page() { return ( <>

{"Image slider"}h1> ); }

Lorem Picsum is a free picture placeholder service that can be used on websites, apps, or anywhere a placeholder image is needed. It provides a simple API that can obtain random images through HTTP requests, and can also specify specific image sizes and other parameters. Lorem Picsum also provides a website where pictures can be browsed and downloaded. These images are uploaded by photographers from the Unsplash community and are free for personal and commercial use. URL: https://picsum.photos/

export const loader = async () => { const response = await fetch('https://picsum.photos/200/300'); const blob = await response.blob(); return new Response(blob, { headers: { 'Content-Type': 'image/jpeg', }, }); };

Lorem Picsum provides a convenient source of high-quality placeholder images, ideal for design and development projects. It's super simple to use. Just add your desired image size (width & height) after the URL (https://picsum.photos/200/300), and you'll get a random image. It's perfect for when building and testing the interface of your project.

pull random images from picsum

Lorem Picsum provides random placeholder images, adding visual appeal to your designs.

Something I'm thinking is to put a webpage in the background url that gives a random image (like what picsum.photos does but with a collection of my choice).