TheLazy.Dev
Portfolio GitHub

Blog

showdev |nextjs |react |selfhosted

Introducing LinkIn Customizable self hosted link tree app

rizkyrajitha

Rajitha Gunathilake

Posted on June 20, 2021

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…
View on GitHub

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…
View on GitHub

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 🥂

💖 💪 🙅 🚩
rizkyrajitha
Rajitha Gunathilake

Posted on June 20, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Introducing LinkIn Customizable self hosted link tree app
showdev Introducing LinkIn Customizable self hosted link tree app

June 20, 2021