https://loot-image-generator.vercel.app/api?loot=iPhone|Protocol%20Labs%20Shirt|Figma%20Hat%20(Cyrillic)|Torn%20Jeans|Dusty%20Vans|Hoodie%20with%20Pockets|Figma%20Fanny%20Pack|Wedding%20Band
Separate each line of loot by a |
.
e.g. loot=iPhone|Macbook|Backpack
Sourced from: https://www.figma.com/file/Kqdak2Q81shWPhKgQtISyx/Loot-template?node-id=111%3A2
Idea from Steve: https://twitter.com/steveklbnf/status/1432200660880035846
You'll want to fork this repository and deploy your own image generator.
- Click the fork button at the top right of GitHub
- Clone the repo to your local machine with
git clone URL_OF_FORKED_REPO_HERE
- Change directory with
cd og-image
- Make changes by swapping out images, changing colors, etc (see contributing for more info)
- Remove all configuration inside
vercel.json
besidesrewrites
- Run locally with
vercel dev
and visit localhost:3000 (if nothing happens, runnpm install -g vercel
) - Deploy to the cloud by running
vercel
and you'll get a unique URL - Setup GitHub to auto-deploy on push
Once you have an image generator that sparks joy, you can setup automatic GitHub deployments so that pushing to master will deploy to production! 🚀
- John (@johnjohnson)
- Steven (@styfle) - Vercel
- Evil Rabbit (@evilrabbit) - Vercel