<img src="public/images/stack-linksnap.png" alt="cover" width="100%" align="center"> <h2 align="center">Linksnap - One place for all your links</h2> <p align="center">Free, Open source, and built for the community❤️</p> <br /> <div align="center"> <a href="https://www.producthunt.com/posts/linksnap?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-linksnap" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=358075&theme=normal" alt="Linksnap - The Linktr.ee for developers | Product Hunt" style="width: 190px; height: 54px; margin: 0px;" width="250" height="54" /></a> </div>

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.)
[x] Fetch Stats from Hashnode
[x] Fetch Stats from GitHub

🚀 Tech Stack

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

Install / Use

README