Beacons

Promptfree, for everyone, and the only version there is

Copy the prompt for Claude CodeCopy the prompt for CodexCopy the prompt for Cursor

Copy

Build me a link-in-bio page that replaces Beacons: my links, my mark, my domain, on my own machine.

STACK
- Astro, static where possible with a Node adapter only if a form or a payment needs a server
- SQLite through better-sqlite3 for clicks and signups
- Vanilla CSS. No framework — this is one page
- Caddy in front, with automatic TLS

THE PAGE
- **Under 50KB and complete in under a second on a phone on mobile data.** This page is opened from inside a social application, which is the worst browsing environment there is, and speed is the entire user experience
- Content in one data file: the avatar, the line, the links, the theme. Editing is editing that file, not the markup
- One self-hosted variable font as WOFF2, subset. Never from a third-party CDN
- Every colour pair measured against WCAG AA rather than chosen by eye
- Works at 320px, with real touch targets

THE LINKS
- A label, an icon and a URL each, ordered, with the ability to schedule one in and out — a launch link that removes itself is the small feature people actually want
- **Clicks counted through your own redirect**, so you know which link people use. First-party, no third party, and a 302 rather than a 301 so a link can be re-pointed
- Icons as inline SVG from the file, not an icon font and not a script

THE EMAIL CAPTURE
- One field. The consent sentence stored with its timestamp exactly as shown
- Honeypot and a minimum time on form, plus a rate limit per address hash
- One-click unsubscribe with no login on everything that follows
- **The list is the asset here**, more than the page. Export it in one command and keep it somewhere you control

SELLING SOMETHING
- Hosted checkout from one payment provider; no card data touches this
- The order created from the verified webhook, never from the browser returning
- Delivery through signed expiring links with a use limit, where a resumed download counts once
- Tax on digital goods is usually the buyer's rate — collect the country, store the evidence, and take advice

WHAT MOST OF THESE PAGES GET WRONG
- Open Graph tags and a share image generated at build from your own name and colours
- A favicon set, JSON-LD Person with sameAs pointing at every profile, a sitemap and a canonical URL
- Semantic HTML, visible focus rings, `prefers-reduced-motion` honoured
- No third-party script at all, which is easy here because there is nothing to add

AND THE POINT OF DOING IT YOURSELF
- **Your own domain.** A link-in-bio on somebody else's address is an audience you rent — printed on cards, typed into videos, and gone the day the terms change. Your own domain moves with you

WHAT MATTERS MOST
Speed and the domain. Get it under 50KB and put it on an address you own; everything else on this page is a list.