Linkhub

Linkhub is an open-source link-in-bio starter template built with Next.js, Chakra UI, and TypeScript that renders all your social profiles and important links as one beautiful, responsive page.

What is Linkhub?

Linkhub is a GitHub template that lets you create a single landing page aggregating all your profile links, similar to Linktree. It takes your data — a name, a headline, and a list of social links with descriptions — from two files in the data folder and generates a responsive web page. The template is maintained by abhijhacodes and is available as a public GitHub repository that can be cloned or used as a template directly. It is designed for deployment on Vercel and includes a live demo.

Key Features

• Tech stack — Built with Next.js, Chakra UI, and TypeScript, giving you a React-based framework with a component library for styling and type safety.
• Fully responsive design — The page adapts to mobile, tablet, and desktop viewports out of the box.
• Data-driven content — Edit data/mainDetails for your name and headline and data/linkDetails for your social profiles and descriptions; no code changes required.
• Flexible profile management — Add new social profiles by inserting an entry in the data file and remove them by deleting the entry.
• Automatic default icons — Any profile without a defined icon gets a default icon automatically, so the page always looks complete.
• One-click template use — Click "Use this template" on GitHub or clone/download the repository to get started in minutes.
• Easy deployment on Vercel — After pushing changes to your GitHub repo, you can deploy the site to Vercel to share it publicly.
• Open source and extensible — The project is open source; you can request new features or UI changes in GitHub Discussions or contribute code yourself.

Who should use Linkhub?

• Developers who want a clean, code-controlled link-in-bio page and are comfortable editing JSON-like data files.
• Content creators and influencers who need a simple way to share their YouTube, Instagram, Twitter, and other profiles from one URL.
• Freelancers and professionals who want a personal landing page that lists their portfolio, GitHub, LinkedIn, and contact details.
• Open source contributors who want to contribute to or customize an existing Next.js starter project.

Use cases

• Creators: Point a custom domain to your Vercel deployment and share one link across all your social bios and email signatures.
• Job seekers: List your resume, GitHub, LinkedIn, and portfolio sites in one clean page to include in applications.
• Business users: Use it as a lightweight "link in bio" for a project or event, directing visitors to signup pages, tickets, or social channels.
• Developers: Fork the repo and extend the component structure with Chakra UI to add custom sections or animations.

How does Linkhub work?

The workflow is: click "Use this template" (or clone the repo) → edit the two data files with your info → push to your own GitHub repo → deploy to Vercel. You don't need to touch the UI code unless you want to customize icons or styling. The page automatically builds a card list of your links from the data in data/linkDetails.

Pricing

Linkhub is completely free and open source. You only pay for hosting if you choose a paid Vercel plan; the template itself has no licensing cost.

Alternatives

• Linktree — a hosted link-in-bio service that offers analytics and customization through a web interface, unlike Linkhub's code-based approach.
• Carrd — a no-code site builder often used for link-in-bio pages, but it is not open source and limits free pages.

FAQ

Is Linkhub free?

Yes, Linkhub is open source and free to use. You can clone or use the template from GitHub, and the only potential cost is hosting the deployed site on a platform like Vercel.

What do I need to edit to customize my links?

Open the data/linkDetails file and update the array with your social profile URLs and short descriptions. To change your name and headline, edit data/mainDetails. No knowledge of React or TypeScript is required for basic customization.

Does Linkhub include icons for all social profiles?

The template renders a default icon for any profile that doesn't have an icon defined, so your page will never show empty spots. If you want a specific brand icon, you can add it in the code or request it in the GitHub Discussions.

Can I add or remove links easily?

Yes, just insert or delete an entry in data/linkDetails. The page updates automatically after you redeploy. There is no admin dashboard; everything is done through the data file.

Where can I deploy Linkhub?

The template is designed to be deployed on Vercel, but since it's a standard Next.js project, you can host it on any platform that supports Next.js, such as Netlify or your own server.