Build your Link-in-Bio page with AI in under 5 minutes

Build a Linktree-style link-in-bio page with a custom profile, ordered link list, click tracking, and an admin panel to edit links — generated from a single prompt.

工作原理

步骤 1

描述您的想法

用纯文本提示描述您想要的内容。

步骤 2

AI 为您构建

FloopFloop 即时生成生产就绪的代码。

步骤 3

部署并上线

您的项目在几分钟内托管到专属子域名。

为什么选择 AI 构建而非雇佣开发者?

FloopFloop传统开发者
上线时间5 分钟以内2 至 8 周
费用低至 $0$5,000 - $50,000+
维护已包含持续外包费用

试试这些提示词

复制以下任意提示词,粘贴到 FloopFloop 即可开始构建。

Build a link-in-bio page for a music producer. Single dark-purple gradient background, square avatar at the top, bio line, and a vertical stack of 6 links: Spotify, Apple Music, YouTube channel, latest release, mailing list signup, and a contact email. Each link has a small icon next to the label and tracks click counts.

Create a creator-page for a yoga instructor. Soft mint palette, round profile photo, name + tagline, then links for: class schedule, online course, Instagram, TikTok, free starter video, and a 'book a private session' email link. Custom URL slug per link so the share-URL reads /poses, /classes, etc.

Design a developer's link-in-bio with a monospace font, dark zinc background, and a green-accent terminal vibe. Links to: portfolio site, GitHub, latest blog post, RSS feed, mailing list, sponsor button. Include a small footer line with the developer's home base + 'open to consulting work'.

Build a podcaster's link-in-bio with the latest episode embedded above the link list (just an episode title + 'Listen now' link to the audio, no in-page player needed). Links to: Apple Podcasts, Spotify, RSS feed, YouTube channel, Patreon, and a 'suggest a guest' contact form.

常见问题

How does click tracking work?
Each link visit increments a `clicks` counter in the database. The admin panel shows the count next to every link so the owner can see at a glance which links pull traffic. No third-party tracker, no cookie, no IP collection — the counter is anonymous and lives in the project's own Postgres schema.
Can I gate the admin panel?
Yes — the template ships with a single-secret gate. Set ADMIN_KEY in Project Settings → Secrets; visiting /admin without the cookie hash redirects to a login page that posts the key once, stores its sha256 in an httpOnly cookie, and unlocks the dashboard for 30 days.
How do I add a custom domain?
Every FloopFloop project gets a *.floop.tech subdomain by default and supports custom domains from the dashboard. Add `links.yourname.com`, follow the DNS instructions, and your link-in-bio resolves at the new hostname within minutes.
Can the links open in a new tab?
Yes — every link uses `target="_blank" rel="noopener noreferrer"` by default, so the visitor's page stays open after the click. The `noreferrer` cuts off the Referer header to the destination, which most creator tools care about.
Does it support multiple pages per account?
The default template is single-page (one /). An operator who wants multiple link pages (e.g. one per project) refines the chat asking for a per-page table + a /[slug] route — the codegen agent scaffolds both in one round.
What about /admin getting indexed by Google?
Both /admin and /admin/login carry `robots: { index: false, follow: false }` metadata so Googlebot won't list the login URL in SERPs — a small leak that gives phishing pages an easy template to mimic. Fixed in the shipped template.
Can I rate-limit the click endpoint?
The `/r/[id]` redirect handler accepts any visitor by design (it's just a redirect), so no per-IP cap is enforced. Click counts can be inflated by reload-spam; if that matters for your use case, refine with 'add a 5/minute cap on click increments per IP'.

相关构建类别

探索更多类别

准备好开始构建了吗?

立即开始构建您的项目——无需编写代码。

开始构建