CODESEEDSign in
Explore projects
TypeScriptbeginnerweb

Link in Bio Page Builder

'Link in bio' page builder (similar to Linktree): drag-and-drop, themes, click analytics, and live preview.

5 steps
Sign in to claim this project

Project steps

  1. 01

    Auth & profile

    Supabase login, create profile with unique username that will be the page URL.

  2. 02

    Link CRUD

    Add/edit/delete links with title, URL, and emoji icon.

  3. 03

    Drag-and-drop ordering

    dnd-kit for reordering links with persistence.

  4. 04

    Themes

    5 predefined color themes; live preview on change.

  5. 05

    Click analytics

    Each click on a link is recorded; display total clicks per link.

Recommended resources

Ready to build this?

Fork the repo on GitHub and start building. A mentor will review your code when you open a PR.

5 steps

Tech stack

TypeScriptNext.jsTailwindSupabasednd-kit