GoShip
How It WorksChallengesPricingEmployers
Sign InGet Started
0developers
0companies
0assessments scored
How It Works
|Pricing
|Challenges
|Employers
|Privacy
|Terms
GoShip© 2026
Get updates
Twitter·GitHub
Systems nominal
BUILDMID

Build a Link-in-Bio Page Builder

60 minutes
0 completed
nextjsfullstackdrag-and-droptheming

Description

Build a Link-in-Bio Page Builder

Build a Linktree-style page builder with themes, drag-and-drop, and click analytics.

Requirements

  • User auth and profile setup (name, bio, avatar URL)
  • Add/edit/delete/reorder links (drag-and-drop)
  • Each link has: title, URL, and optional icon
  • At least 5 visual themes (minimal, neon, gradient, retro, dark)
  • Live preview of the page as you edit
  • Public page at /u/username (server-rendered for SEO)
  • Click analytics per link (total clicks, click-through rate)

    • Technical Notes

    Use Next.js dynamic routes for public pages. Drag-and-drop for link reorder. Store user data and clicks in database.

    Bonus Points

  • Custom CSS injection for advanced users
  • Social media icon auto-detection from URL
  • Animated link hover effects per theme

    • You will be guided through MCP setup before the timer starts