geobrodas/linksnap

Free and Open Source alternative for Linktree/Biolink

Linksnap - One place for all your links

Free, Open source, and built for the community❤️

What's Linksnap?

Linksnap is a LinkTree/Biolink alternative for developers to showcase their activity across different platforms like GitHub, Hashnode, Dev.to.

✨ Features

• 🕊️ Lightweight and Easy to use!
• 🔗 Create shareable links.
• 😺 Fetch Stats from your favourite platforms.
• 🤹🏽 Responsive across multiple devices.

🔨 Roadmap

• Fetch stats from Dev.to
• Customize the theme on your profile.
• PWA Support
• Implement likes on Profile Page
• See Profile Insights (views, likes, etc)
• Modify your profile URL.
• Dynamic Og meta images
• Grab stats from more platforms (Youtube?, etc.)
• Fetch Stats from Hashnode
• Fetch Stats from GitHub

🚀 Tech Stack

• PlanetScale
• Next.js
• Chakra-UI
• React-Hook-Forms
• NextAuth

Developement

• Fork the repository

git clone https://github.com/GeoBrodas/linksnap.git

• Install dependencies

npm install

• Create a file called .env and add the following lines:

PLANETSCALE_PRISMA_DATABASE_URL=
NEXT_PUBLIC_MY_SECRET_TOKEN=
GITHUB_ID=
GITHUB_SECRET=
NEXTAUTH_SECRET=
NEXTAUTH_URL=
NEXT_PUBLIC_BASE_URL=

• Create the secret keys for NEXTAUTH_SECRET by running the following command:

node -e "console.log(crypto.randomBytes(32).toString('hex'))"

• Finally, run the following command to spin up the server:

npm run dev

Contributing

For contributing, please visit the Contributing Guide

Thank you Hashnode and PlanetScale for organising the PlanetScale x Hashnode hackathon 🎆

linksnap's Issues

Test out "dashboard" form using no database data

Right now, the user data previosly entered by user is fetched on the fly, but what if the user just created the account.

• Test if the code doesn't break when there is no database data available.

Migrate to Server Side Rendering

The Problem

Linksnap uses On-demand ISR, which means it fetches the latest information on the profile page whenever the user makes any changes.

What I missed is it doesn't build a new page for every new customer, until I re-deploy the application each time.

Aim

I built Linksnap with one goal in mind, to achieve fast loading, that is achieve static site regenration on the profile page.

The fix

Migrate to Server Side rendering

Since this project is part of a hackathon, I can't start work on this unless the results are announced.

If there's any other solution available for this, do discuss it in this thread.

Annoucement: Linksnap is Down 💥

Hey there Linksnap community!

Linksnap uses the GitHub api extensively to fetch cool stats to display it on your Linksnap profile.
Currently it uses the Open Public API which is rate limited, hence new users signing up on Linksnap may see a 500 Internal server error on the website.

Please be patient until Linksnap is back.

ETA: 3 days

Peace ✌🏻

Suggestions for features?

Hey Guys,

The Linksnap community just flung in huge numbers withing two days.
We right now have around 30+ registered users and around 45+ followers on ProductHunt.

These numbers are enough for me to attain the drive to develop Linksnap further, and that's where I need your help.

Put in your suggestions/ future features you would like to see on Linksnap in the upcoming updates. It doesn't matter even if it's a small one. Each feedback counts.

Here are some that I have in my mind

• Fetch stats from Dev.to
• Customize the theme on your profile.
• PWA Support
• Implement likes on Profile Page
• See Profile Insights (views, likes, etc)
• Modify your profile URL.
• Dynamic Og meta images
• Grab stats from more platforms (Youtube?, etc.)
• Fetch Stats from Hashnode
• Fetch Stats from GitHub

Server timeout in user profile of "caosbad"

The profile for caosbad tends to throw a serverless function timeout error.
Try to inf out the root cause for this.

v1.0 release checklist

Upcoming features listed in this version release -

• Change background on profile
• Bug fixes
• Launch Newsletter for every new release
• Add exclusive links on profile ( similar features seen in Linktr.ee/ bio.link )
• #13

Showcase top profiles on Landing Page

This is a feature for the landing page at https://linksnap.vercel.app

Criteria

For now since the insights are not implemented, the top profiles will be displayed based on Number of stars or Number of Forks or Number of Hashnode Likes ( being the top priority )

Resources and design

Coming up soon

Algorithm

Coming up soon

TODO

• Design
• Algorithm
• Testing

Link to Contributing Guide is broken

Current link to Contributing Guide shows 404
https://github.com/GeoBrodas/linksnap/blob/main

Display total github stars on Landing page using GItHub API

Waiting for the project to be evaluated.

This feature will be added after the winners are announced!