Bio-link platform

Linkle

A bio-link page with its own store: a block-based page model, 38 themes, variant product sales and concurrent-edit protection. 43k lines of code.

linkle.pro

43Ksatır kod

38hazır tema

7blok türü

Open the site

Technical profile

What it is built with

Stack	React + TypeScript with a block-based page model
Backend	PostgreSQL with edge functions; plan limits enforced server-side
Codebase	~43,000 lines · 168 files
Interface	47 components · 22 pages · live phone preview
Block types	Link, gallery (6 layouts), separator (20 styles), map (8 sizes), product strip, discount code, poll
Themes	38 ready themes — not colour alone, but typography, card shape and texture
Store	Seller onboarding, colour/size/material variants, collections, courier tracking
Identity	Google and Apple sign-in, QR code, digital business card, short links
Plans	Free and paid tiers with per-plan feature limits

What makes it different

Not a standard website

Pages are assembled from blocks. Each block has its own settings — six gallery layouts, twenty separators, eight map sizes. Where competitors hand you a template, here the user builds the layout.
A theme is more than colour. Each of the 38 themes carries typography, card shape and background texture together, so switching a theme genuinely changes the page.
There is a working store inside. Seller onboarding and agreements, variant products, collections, order status and courier tracking — most bio-link tools only link out to an external shop.
Concurrent editing is protected. Editing from two devices used to let the last writer erase the other; conflict protection was added.
Plan limits live on the server. Which feature belongs to which plan is enforced server-side, not merely hidden in the interface.
The page is not a single screen. Links, Store, About and any tab the user creates, each carrying its own blocks.

What we did

The solution in five parts

Block-based page editor

Link, gallery (6 layouts), separator (20 styles), map (8 sizes), product strip, discount code and poll blocks. Every block header has weight, slant, colour, alignment and size controls, with a phone preview that updates as you type.

Theme system

38 ready themes, including seasonal, mythology and event themes. A theme is not just colour: it covers typography, card shape and background texture.

Tabs and content structure

The page became tabbed — Links, Store, About and any tab the user creates. Tabs are managed from the panel and mirrored exactly in the preview.

Store and seller flow

Seller application and agreement, colour/size/material variants, collections, bank-transfer orders, stock decrement, order status and courier tracking numbers.