{"id":19528649,"url":"https://github.com/fabiconcept/linktree","last_synced_at":"2026-02-23T07:41:26.050Z","repository":{"id":179302990,"uuid":"663265498","full_name":"fabiconcept/linktree","owner":"fabiconcept","description":"This project is my attempt at recreating the amazing system that Linktree has developed. I aim to use Next.js and Tailwind CSS to build the user admin side, including login and sign-up functionality, as well as the user links page.","archived":false,"fork":false,"pushed_at":"2025-12-25T13:08:49.000Z","size":742,"stargazers_count":20,"open_issues_count":0,"forks_count":9,"subscribers_count":3,"default_branch":"experimental-changes","last_synced_at":"2025-12-27T00:41:17.124Z","etag":null,"topics":["linktree","linktree-alternative","linktree-clone","linktree-custom","linktree-tailwindcss","nextjs13","tailwindcss"],"latest_commit_sha":null,"homepage":"https://mylinks.fabiconcept.online","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fabiconcept.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-07-06T23:43:15.000Z","updated_at":"2025-12-25T13:08:52.000Z","dependencies_parsed_at":null,"dependency_job_id":"60642e03-a70f-48d9-9abc-2eefc1510597","html_url":"https://github.com/fabiconcept/linktree","commit_stats":null,"previous_names":["fabiconcept/linktree"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/fabiconcept/linktree","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fabiconcept%2Flinktree","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fabiconcept%2Flinktree/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fabiconcept%2Flinktree/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fabiconcept%2Flinktree/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fabiconcept","download_url":"https://codeload.github.com/fabiconcept/linktree/tar.gz/refs/heads/experimental-changes","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fabiconcept%2Flinktree/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29739410,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-23T07:21:16.360Z","status":"ssl_error","status_checked_at":"2026-02-23T07:21:16.007Z","response_time":90,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["linktree","linktree-alternative","linktree-clone","linktree-custom","linktree-tailwindcss","nextjs13","tailwindcss"],"created_at":"2024-11-11T01:19:32.209Z","updated_at":"2026-02-23T07:41:26.032Z","avatar_url":"https://github.com/fabiconcept.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![image](https://github.com/user-attachments/assets/1ca25cd4-ba50-437b-b86a-099c6d8d0ac0)\n\n# LinkTree Clone\n\nThis project is my attempt at recreating the amazing system that Linktree has developed. I aim to use Next.js and Tailwind CSS to build the user admin side, including login and sign-up functionality, as well as the user links page.\n\n## Description\n\nLinkTree is a popular platform that allows users to create a personalized landing page with multiple links to their various social media profiles or websites. By cloning LinkTree, I hope to enhance my skills as a developer and gain a deeper understanding of Next.js and Tailwind CSS.\n\n## Features\n\n- User authentication: Implement a secure login and sign-up system for users.\n- User admin dashboard: Develop a user-friendly interface where users can manage their links and customize their profiles.\n- User links page: Create a page where users can add, edit, and organize their links with custom names and descriptions.\n\n## Technologies Used\n\n- Next.js: A React framework for building server-rendered applications.\n- Tailwind CSS: A utility-first CSS framework for rapid UI development.\n- React Beautiful DnD: A library for implementing drag and drop functionality in React.\n- React Hot Toast: A toast notification library for React.\n- React Icons: A collection of popular icons for React applications.\n- bad-words: To filter out Sensitive Words from Links Page (this only apply when no warning is issued)\n- crypto-js: Used to encrypt my Cookie Session data\n- js-cookie: Used to Help create, get, delete and edit cookie data\n- qrcode.react: Used to create Unique user QR Code\n- react-confetti: Used to design the confetti theme background\n- react-share: Used to handle Sharing user link to multiple Social Media Platform\n\n## Installation\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/fabiconcept/linktree.git\n   ```\n\n2. Install the dependencies:\n   ```bash\n   npm install\n   ```\n\n3. Set up environment variables:\n   - Create a `.env` file in the root directory.\n   - Add the following environment variables with your Firebase project configuration details:\n   ```plaintext\n   NEXT_PUBLIC_apiKey=\"YOUR_API_KEY\"\n   NEXT_PUBLIC_authDomain=\"YOUR_AUTH_DOMAIN\"\n   NEXT_PUBLIC_projectId=\"YOUR_PROJECT_ID\"\n   NEXT_PUBLIC_storageBucket=\"YOUR_STORAGE_BUCKET\"\n   NEXT_PUBLIC_messagingSenderId=\"YOUR_MESSAGING_SENDER_ID\"\n   NEXT_PUBLIC_appId=\"YOUR_APP_ID\"\n   NEXT_PUBLIC_measurementId=\"YOUR_MEASUREMENT_ID\"\n   ```\n\n4. Start the development server:\n   ```bash\n   npm run dev\n   ```\n\n## Usage\n\n- Open your web browser and navigate to `http://localhost:3000` to access the application.\n\n## Contribution\n\nContributions to this project are welcome. If you have any ideas, suggestions, or bug fixes, please submit a pull request.\n\n## Acknowledgments\n\n- LinkTree for the inspiration and idea behind this project.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffabiconcept%2Flinktree","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffabiconcept%2Flinktree","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffabiconcept%2Flinktree/lists"}