Skip to content
Explore here
  • Web app
  • Consumer apps

Build a link-in-bio page you actually own

A link-in-bio page is the most visited page a creator has, and it usually lives on someone else’s platform: their branding, their limits on themes, and their copy of your subscriber list. The page itself is small — a photo, a stack of links, one featured thing, a sign-up form. Vibely builds all of it from a description, with an editor so you can reorder links yourself and the sign-ups going into a database you control, on a URL you can share the same day.

Platform
Web app
Category
Consumer apps
Stack
React, TypeScript, Supabase
Plans
Free and up

Subscribers saved to your own database, exportable as CSV

Included in the first build

A sign-in-protected editor for links and the featured card

Yours to keep

  • Deploys to a live URL — nothing for your team to install
  • React and TypeScript you own, synced to GitHub on every plan
  • Built-in visitor analytics on the published page, no cookies
  • Free plan, no credit card; custom domain on Pro and Business

1. Who this is for

For creators, small shops and anyone whose bio link is doing real work — sending people to a newsletter, a product or this week’s video. If you only ever need three static links, a hosted link page is fine. The case for building one is owning the list, the look and the analytics, and being able to add the odd thing a template will not let you.

2. Start with this prompt

Paste it in and edit the details to match your own. Being specific about the screens and the data is what separates a working app from a mockup.

Build a link-in-bio page for a ceramics studio called Kiln & Co.

Public page: a round profile photo, the name, a one-line bio, a featured card at the top (image, title and a button), then a list of links as full-width buttons, and a newsletter sign-up form at the bottom with email validation and a thank-you message. Mobile-first, warm off-white background.

Editor: a page only I can open after signing in, where I can add, edit, hide and drag to reorder links, and change the featured card.

Data: links, the featured card and subscribers in Supabase. Subscribers have email and signed-up date, and the editor can export them as CSV.

Seed it with six links and a featured card for a spring pottery class.

3. What the build actually consists of

  • A page that looks like you

    Your photo, a short bio, the links in the order you choose and one featured card at the top — a video, a launch or a product. Pick a theme or describe the colours and type you want.

  • An editor behind a sign-in

    Only you can log in to add, reorder, hide or edit links, so changing the page is a minute on your phone rather than another prompt. The links are rows in a table, not text in the code.

  • A list that stays yours

    The newsletter form validates the address and saves it to Postgres, with an export when you move to an email tool. Published web apps get Vibely’s built-in visitor analytics with nothing to set up.

Built on:The Supabase backendOne-click publishingCode you ownBuilt-in visitor analytics

4. What you get

  • A mobile-first page with your photo, bio and links
  • A featured card you can swap without touching code
  • A newsletter sign-up that validates and stores addresses
  • An editor to reorder, hide and edit links behind a sign-in
  • A live URL from the first build

5. What to build next

Once the first build lands, these are the prompts people send next.

  • Add a small shop section with three products and a buy button for each.
  • Count clicks on each link and show the totals in the editor.
  • Add a second theme I can switch to from the editor.

Works with the tools you already use

Nine built-in connectors — Vibely AI, Supabase, Stripe, RevenueCat, GitHub, Notion, Linear, Figma and Miro. Anything else is an API call in code you own.

Questions, answered.

You own the code, the page and the subscriber list. It is a normal React and TypeScript app on your own database, so adding a shop section, a booking form or a different layout is a sentence to the agent rather than a feature request to a platform.

Yes, on Pro and Business: point a CNAME at Vibely and the certificate is provisioned for you. Every published app also gets a free vibelyagent.com address.

Not on its own — sending newsletters is a job for an email tool. The page collects and stores the addresses; export them as CSV, or ask the agent to call your email provider’s API when someone signs up.

Describe it. Watch it build.

Paste the prompt above and react to something running instead of writing a spec. The free plan needs no card, and the code is yours from the first build.