Introducing LinkIn Customizable self hosted link tree app

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 Github Actions

Linkin is a customizable self-hosted link tree platform.

Visit Demo

  • Demo username = admin
  • Demo password = linkin123

Deploy with Vercel

Deploy with Vercel

Deploy with Heroku

Deploy

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
      • DBURL - Postgres database url
      • KEY - 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
      • DBURL - Postgres database url
      • KEY - random secret key
    • 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.

Developing locally

Requirements

  • Node.js 10.13 or newer
  • Postgresql

Setup local environmrnt variables in config.js

example

exports.DBURLLOCAL = "postgres://linkin:123@localhost:5432/linkin"
exports.SECRETKEY =
…
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 Github Actions

Linkin is a customizable self-hosted link tree platform.

Visit Demo

  • Demo username = admin
  • Demo password = linkin123

Deploy with Vercel

Deploy with Vercel

Deploy with Heroku

Deploy

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
      • DBURL - Postgres database url
      • KEY - 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
      • DBURL - Postgres database url
      • KEY - random secret key
    • 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.

Developing locally

Requirements

  • Node.js 10.13 or newer
  • Postgresql

Setup local environmrnt variables in config.js

example

exports.DBURLLOCAL = "postgres://linkin:123@localhost:5432/linkin"
exports.SECRETKEY =
…
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 🥂

28

Kategorien:

React

Tags:

ShowdevNextjsReactSelfhosted