DEV Community

Cover image for Introducing LinkIn Customizable self hosted link tree app
Rajitha Gunathilake
Rajitha Gunathilake

Posted on • Updated on

Introducing LinkIn Customizable self hosted link tree app

tile

dashboard

dashboard

What is LinkIn?

LinkIn is a self-hosted link tree app that you can customize to create your own link tree page.

Why LinkIn ?

There are many Link tree platforms available, but they do come with a price. either they include their branding or limit customization for various pricing plans. But LinkIn is totally free, you host it, you own it.

Can i see a demo ?

Sure http://linkindemo.vercel.app/

  • Demo username = admin
  • Demo password = linkin123

Is LinkIn OpenSource ?

Absolutely yes

GitHub logo RizkyRajitha / linkin

Linkin is a customizable self hosted link tree platform.

Linkin logo

Linkin Β· DeepScan grade codecov license Code Coverage

Linkin is a customizable self-hosted link tree application.

Free and Open Source πŸ’―

Self Hosted, you own your data πŸ’½

Customize your link tree with few clicks using a feature-rich dashboard πŸ€–

SEO friendly design built using Next js πŸ•ΈοΈ

Supports one-click deploy using multiple cloud providers πŸš€

View Demo
Demo Admin http://linkindemo.vercel.app/admin

  • Demo username = admin
  • Demo password = linkin123

linkin gif


Deploy with Vercel

Deploy with Vercel

Deploy with Heroku

Deploy

Deploy with Railway

Deploy on Railway

Screenshot_2021-05-22 LinkIn's Link tree Page

Screenshot_2021-05-22 Linkin Dashboard

Screenshot_2021-05-22 Linkin Dashboard

Getting started

  • Deploy in Vercel
    • set environment variables
      • DATABASE_URL - Postgres database url
      • HASHSALT - random secret key
      • NODE_ENV - set NODE_ENV to production
    • after successfully deploying visit youdomain/admin to view admin login
    • use default login credentials
      • username = admin
      • password = linkin123
    • after a successfull login you will be able to see above admin dashboard.


  • Deploy in Heroku
    • set environment variables
      • DATABASE_URL - Postgres database url
      • HASHSALT - random secret key
    • after successfully deploying visit youdomain/admin to…

what LinkIn is made of ?

linkin is made using Next.js , and Postgres as the database. Bootstrap 5 for UI components.

how to get my own LinkIn page ?

visit LinkIn GitHub page and use the one-click deploy buttons to spin your own LinkIn page.

GitHub logo RizkyRajitha / linkin

Linkin is a customizable self hosted link tree platform.

Linkin logo

Linkin Β· DeepScan grade codecov license Code Coverage

Linkin is a customizable self-hosted link tree application.

Free and Open Source πŸ’―

Self Hosted, you own your data πŸ’½

Customize your link tree with few clicks using a feature-rich dashboard πŸ€–

SEO friendly design built using Next js πŸ•ΈοΈ

Supports one-click deploy using multiple cloud providers πŸš€

View Demo
Demo Admin http://linkindemo.vercel.app/admin

  • Demo username = admin
  • Demo password = linkin123

linkin gif


Deploy with Vercel

Deploy with Vercel

Deploy with Heroku

Deploy

Deploy with Railway

Deploy on Railway

Screenshot_2021-05-22 LinkIn's Link tree Page

Screenshot_2021-05-22 Linkin Dashboard

Screenshot_2021-05-22 Linkin Dashboard

Getting started

  • Deploy in Vercel
    • set environment variables
      • DATABASE_URL - Postgres database url
      • HASHSALT - random secret key
      • NODE_ENV - set NODE_ENV to production
    • after successfully deploying visit youdomain/admin to view admin login
    • use default login credentials
      • username = admin
      • password = linkin123
    • after a successfull login you will be able to see above admin dashboard.


  • Deploy in Heroku
    • set environment variables
      • DATABASE_URL - Postgres database url
      • HASHSALT - random secret key
    • after successfully deploying visit youdomain/admin to…

linkin currently supports hosting in vercel and heroku platforms. you have to connect LinkIn with your own Postgres database instance and start making your link tree. LinkIn currently supports fonts from a external url (example - google fonts) , icons from fontawesome , and avatar image from external url (example - cloudinary ) .

I have some experience in web dev. can I customize it on my own ?

Yes. LinkIn has a single component for the link tree. so you can add your own styles that LinkIn doesn't support and create your very own link tree.

LinkIn is in pretty early stages so you might find some hiccups along the way .you can visit linkin Github repo and create issues.

What do you think about Linkin? Share em in the comment section.

cheers πŸ₯‚

Top comments (0)