Alt Text Generator

Alt Image Generator

This project will generate relevant alt text for images using AI.

[Image blocked: Alt Image Generator]

How it works

It uses an ML modal from Salesforce called BLIP on Replicate to generate relevant alt text for images. You can feed the Next.js API route an image as a query param and it will return a one sentence description of that image.

Clone and Deploy

Execute create-next-app with pnpm to bootstrap the example:

1
pnpm create next-app --example https://github.com/vercel/examples/tree/main/solutions/alt-tag-generator

After cloning the repo, go to Replicate to make an account and put your API key in a file called .env.local.

Then, run the application in the command line and it will be available at http://localhost:3000.

1
pnpm dev

To use the API route, go to the link below in your browser or run a curl command in your terminal to get a sample result. Feel free to replace the dub.sh link with a link to any image.

1
curl http://localhost:3000/api/generate?imageUrl=https://dub.sh/confpic

One-Click Deploy

Deploy the example using Vercel: