Hi there π
My name is Igor and I really like building cool apps π€
A month ago I saw a very interesting project by Steven Tey - Spirals. It is an app that allows to generate AI pictures with spirals "hidden" in them.
I really liked the idea and went on to build OctoArt - generator of AI pictures in a GitHub logo style.
The project turned out to be quite successful - more than 4.5k pictures have been generated since then and more importantly GitHub posted about the project in their official Twitter and Instagram accounts (yes they have Insta account lol).
How I build OctoArt
As I said earlier, idea of this app came to me after I saw Spirals app. So I just went on and forked it π
It's beauty of open-source, you can just take someones code and they are gonna be fine with it!
I just changed some colors and styles, added my Replicate API key, swapped spiral image with a GitHub logo, changed website logo (my wife created it in ProCreate) and went live with a tweet. Simple as that.
How it works
From the tech side of things, the app is pretty simple. It is built with Next.js app router, Replicate, Vercel KV (Redis) and Blob (S3).
The generation process works like this:
- User types a prompt
- We generate unique id using nanoid
- Prompt together with GitHub logo is sent to Replicate API
- Once generation is completed (~10 seconds), Replicate sends a webhook back to us together with id
- In a webhook route we save the image to Vercel Blob and then save the image url into Vercel KV
- Finally, we show a generated picture to users
You can see all the code on GitHub.
LogoPicture AI
Capitalizing on this success, recently I decided to build and app that allows to generate AI pictures with any logo. It's very early, but I already managed to generate $100 in revenue from a single Hacker News post π€―
In the next article I am going to tell about how I built LogoPicture AI with Next.js, Replicate, Supabase and LemonSqueezy. Don't miss it π
All the best,
Igor
Top comments (17)
I'm loving it! This thing is awesome @garrrikkotua
Two roads diverged, and I took the one in the middle.
Embarking on an open source journey. XD
That's definitely a right choice π
Glad you liked it!
I tried it and it's awesome!
Thank you for trying out! I am glad you liked it π
Would check it out!!!
This is super cool!
This is amazing
Thank you!
Great article :)
Thank you!
Wow this is really cool, thanks for sharing @garrrikkotua!
Thank you for the kind words!
Emejing, wow..
Absolutely great Igor! And so concise. Really highlights how you know what youβre talking about, thanks for a great post!
This is so cool! How much did it cost to generate 4.5k images using Replicate API?