Link-in-bio
By Battle-tested
Stack: React + Tailwind + Supabase.
- Stack: React + Tailwind + Supabase
Stack: React + Tailwind + Supabase. Build: a Linktree-lite where each user gets `/u/:handle` with a list of links and a profile. Must have: handle reservation with uniqueness, drag-to-reorder links, per-link click tracking, theme picker (3 presets), OG image generated from the profile. Don't: allow handles that collide with reserved routes (`/api`, `/admin`, `/u`), track clicks via a third-party that breaks adblockers silently, or store theme as inline styles. First screen: editor on the left, live mobile-frame preview on the right.
How to use this
- 1Copy the prompt
Tap the Copy button on the prompt above. That's all of it.
- 2Paste it into Lovable
Open lovable.dev, start a new project, paste the prompt, hit send.
- 3Open the preview
Wait about a minute for the first build, then look at the preview on the right.
- 4Change one tiny thing
Ask Lovable to swap a color or a word. Watch it update live. That's the magic.
Try these next
Tap any card to copy a follow-up prompt. Paste it into the same Lovable chat.
If you get stuck
Builds can take a minute. Grab water.
If something looks weird, tell Lovable what's wrong in plain words.
You can always undo — nothing breaks forever.
Stack
Core interaction
Must have: handle reservation with uniqueness, drag-to-reorder links, per-link click tracking, theme picker (3 presets), OG image generated from the profile.
Before / After — UI moves that separate good from AI-slop
10 side-by-side renders + the exact follow-up to copy in.