VGZ: streamer link hub (one-page)
Websites
A links page for a streamer, gathering Twitch, Kick, YouTube, Instagram, TikTok, X, Discord and an advertising contact in one place. It also shows which channel is currently live.
Challenge
- A viewer arrives from one platform and cannot tell where the streamer is broadcasting or where to find the other profiles.
- Live status has to work on its own, with nothing to switch manually before going on air.
Solution
- A single screen with all the channels, no scrolling, in each platform's own colours.
- A live indicator for Twitch and Kick, refreshed every ninety seconds.
- Status checked from two sides at once: the server and the browser. Kick rejects requests from data centres, so the server alone can never learn the real answer; the visitor's browser is not blocked and fills the gap.
- An animated canvas background capped at thirty frames per second so it does not load down a phone.
What we delivered
- All channels and profiles on one screen, without scrolling
- A live indicator for Twitch and Kick
- One-click copying of the contact address
- No CMS: changing a link means changing one entry in the code
Business impact
A viewer arriving from any channel lands on one page and immediately sees where a stream is running.
Tech / tooling
Next.jsReactTypeScriptCanvasVercel