Templates › Portfolio & Landing

Link-in-Bio Page

Portfolio & Landing Beginner Database

A customizable link-in-bio page for social media. Add your important links in one shareable place.

Live demo · Personal software

Try it

Get a working copy of Link-in-Bio Page in a few seconds. No signup required — you'll land on a live URL you own. Add an email later to keep it.

Or build a different version from the prompt

The prompt

Copy this prompt and paste it into Claude, Cursor, ChatGPT, Codex, or any AI tool connected to Hatchable via MCP.

Build a one-owner, public link-in-bio page — my page, everyone can view, only I can edit. The site is publicly readable (`visibility = public` on the project). For the edit gate, set `[auth] enabled = true` in hatchable.toml so I can sign up once with my email and use `auth.getUser(req)` to recognize me; keep my email in a project secret (`OWNER_EMAIL`) and only show edit controls when the signed-in user's email matches. The front page shows my display name, short bio, avatar URL, a row of social icons (Instagram / TikTok / YouTube / X / GitHub / site), and a stacked list of link buttons — each with a title and URL. When I visit while signed in, I also see: edit profile, add/rename/reorder/toggle link, and a theme picker with 4 presets (minimal light, minimal dark, warm gradient, neon). Reorder with drag-and-drop. Mobile-first — full-width thumb-sized tap targets, generous spacing. Vanilla JS, no framework. Deploy on Hatchable when done.

How to use this template

  1. Connect Hatchable to your AI tool

    Add Hatchable as an MCP server in your AI tool of choice. You'll need your API key from Console → Settings. See our setup guides for Claude Code, Cursor, or Codex.

  2. Copy the prompt and paste it

    Hit the Copy button above, switch to your AI tool, and paste. The prompt is written to produce a complete, deployable app using Hatchable's platform features.

  3. Your AI builds and deploys it

    Your AI writes the code, creates a project on Hatchable, and deploys it. You'll get a live URL you can share immediately — no server setup, no billing.

Customize it

After the initial build, try asking your AI to add any of these:

Build this app for free

Sign up, grab your API key, and paste this prompt into your AI tool.

Get started free

More templates

Portfolio & Landing

Developer Portfolio Website

Showcase your coding projects, skills, and experience with a sleek developer portfolio. Dark theme included.
Portfolio & Landing

Designer Portfolio Showcase

A visual portfolio for designers with project galleries, case studies, and a clean minimal aesthetic.
Portfolio & Landing

Startup Landing Page

A high-converting startup landing page with hero, features, testimonials, pricing, and CTA sections.