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 🤯

Check out LogoPicture AI

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