LinkBio

Simplify your online presence with a customizable link in bio.

Try it! link.huaiyukhaw.com

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.

Author

Huaiyu Khaw

• Initial work - LinkBio (GitHub)
• Released on Vercel
• Connect with me on LinkedIn

Showcase

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.

Screenshots

Development setup

npm install
npm run dev

Built With

• React
• Next.js
• Typescript
• Supabase -
• TailwindCSS
• Flowbite - ui components built with tailwindcss
• React Copy To Clipboard
• SortableJS - reorderable drag-and-drop lists
• React Icons

Contributing

1. Fork it (https://github.com/huaiyukhaw/linkbio/fork)
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