Huaiyu Khaw's avatar
Huaiyu Khaw

Posted on Mar 13, 2023


Simplify your online presence with a customizable link in bio.

Try it!

LinkBio is a web-based application that allows users to create a customizable link in bio for their online presence. With LinkBio, users can share a single link that contains all of their important links, social media profiles, and contact information, making it easier for their audience to find and connect with them.


Huaiyu Khaw


This project was designed to demonstrate:

  • Use of React, Typescript and TailwindCSS to build a modern and responsive user interface.
  • Implementation of server-side rendering with Next.js for improved performance and search engine optimization.
  • Utilization of a variety of libraries, such as react-icons for icons and react-copy-to-clipboard for easy link sharing.
  • Integration with Supabase, a backend-as-a-service platform that provides a PostgreSQL database and API, to store and manage user data.

Usage example

The usage of LinkBio is straightforward: users simply create an account and customize their link in bio with their preferred links. Once they're done, they can share their link in bio with their audience, making it easier for them to find and connect with them.



Development setup

npm install
npm run dev

Built With


  1. Fork it (
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -am 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request
Last updated on Mar 18, 2023
Made in Zest