How I Built a Linktree Clone with AI

Breaking down the process, stack, and AI optimizations

inkko here!

Welcome to the first edition of inkko + AI 🎉

After getting tons of comments and questions about my AI projects, I decided to launch this newsletter to dive deeper into the tools, workflows, and tricks I use. No fluff, just real insights from hands-on experience.

This project was built using Bolt.new

I always start with a simple prompt like:
“Help me build a Linktree clone.”

Then, I hit the Enhance Prompt button. That’s where the magic happens. Bolt generates a super detailed prompt, which is great, but sometimes it adds extra features that might not be needed. Always take a moment to review and tweak the generated prompt to ensure it truly understands your project.

The Supabase Setup Trick

For this project, I needed Supabase integration. After a lot of trial and error, and even a confirmation from Bolt’s CEO, I found the best stack to request is:

✅ Vite + React + TypeScript

Why? Because it is the most compatible setup for Bolt’s “Connect to Supabase” feature. This setup configures everything for you, reduces errors, and saves a ton of time troubleshooting.

Fixing Bugs and Polishing the Design

Like most AI-generated projects, the first version is never perfect. It is just a starting point. The process looked like this:

  1. Test everything and ask Bolt to fix any broken functionality.

  2. Refine the design by requesting a neubrutalist design system and providing specific hex codes.

  3. Iterate with prompts such as “Make the stats green but keep the page background white.”

With some back-and-forth, you eventually land on something polished and ready to deploy.

Pro Tips

Use the new Visual Inspector to select and edit elements directly, so you do not need to describe them in a prompt.

Subscribe to keep reading

This content is free, but you must be subscribed to The AI Blitz to continue reading.

Already a subscriber?Sign In.Not now

Reply

or to participate.