https://github.com/matimortari/linkstack

A platform that allows users to create a landing page with links to their social media profiles, websites, and more.
https://github.com/matimortari/linkstack

javascript nextauth nextjs nodejs postgresql prisma react react-query tailwindcss typescript

Last synced: about 1 month ago
JSON representation

A platform that allows users to create a landing page with links to their social media profiles, websites, and more.

• Host: GitHub
• URL: https://github.com/matimortari/linkstack
• Owner: matimortari
• Created: 2024-11-09T22:18:04.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-12-22T22:27:10.000Z (about 1 month ago)
• Last Synced: 2024-12-22T23:25:50.859Z (about 1 month ago)
• Topics: javascript, nextauth, nextjs, nodejs, postgresql, prisma, react, react-query, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://linkstack-live.vercel.app
• Size: 417 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# LinkStack 🔗🌐

A platform inspired by [Linktree](https://linktr.ee), that allows users to create a personalized landing page with links to their social media profiles, websites, and more. Built with Next.js, TypeScript, and Tailwind CSS.

It is my first full-stack project built from scratch, and it's been a amazing learning experience. I aimed to deepen my understanding of some concepts, such as: project structure, **React.js** custom hooks, state management & data fetching (in which **React Query** proved to be a great tool for me), multiple layouts in **Next.js**, responsive design (using **Tailwind CSS**), and data visualization using **Recharts**.

[**Check it out!** 🔍](https://linkstack-live.vercel.app)

## 📦 Key Features

- **User Authentication:** Sign in with Google or GitHub.

- **Dashboard Page:** Manage your profile and links, and check analytics from your dashboard.

- **Custom User Page:** Create your own landing page and customize it and add as many links as you want.

- **User Links:** Add links to your profile, with custom titles and layouts.

- **Social Buttons:** Add intuitive buttons to your social media profiles.

- **Support Banner:** Support important causes with a profile banner for your landing page.

- **Analytics:** Check metrics such as the number of clicks on your links and the number of visits to your profile.

- **Theme Switch:** Toggle between light and dark theme.

## 🛠️ Stack

- **Next.js** for routing & server-side rendering.

- **NextAuth** for authentication with Google & GitHub.

- **Prisma** for database management.

- **React Query** for data fetching & state management.

- **Recharts** for analytics data visualization.

- **TypeScript**.

- **Tailwind CSS**.

## 📬 Contact

Feel free to reach out to discuss collaboration opportunities or to say hello!

- [**My Email**](mailto:[email protected])

- [**My LinkedIn Profile**](https://www.linkedin.com/in/matheus-mortari-19rt)

- [**My GitHub Profile**](https://github.com/matimortari)