Skip to content

LinkTreeFreeClone is a LinkTree clone built with Astro and Tailwind

License

Notifications You must be signed in to change notification settings

mahafuz/LinkTreeFreeClone

 
 

Repository files navigation

LinkTree Free Clone

LinkTree Free Clone is a free clone of LinkTree, a popular link aggregator for social media.

It is built with Astro and Tailwind CSS.

Feel free to use it as a template for your own projects.

👀 Demo

You can see a demo of the project at https://go.yoandev.co

🚀 Quick start

  1. Customize your general settings

    Open src/config.ts and edit the `SUBTITLE', 'TITLE' and 'TAGLINE' variables.

  2. Customize your links

    Create a new file in src/pages/links/ for each link you want to add. The file name will be not used, but it is recommended to use a descriptive name. The file should contain a frontmatter section with the following variables: * title: The title of the link * emoji: The emoji to use for the link * href: The URL of the link

    Example:

    ---
    
    title: Link 1
    emoji: 📺
    href: https://lorem.com
    
    ---
  3. Customize your avatar

    Replace the file src/public/avatar.png with your own avatar.

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command Action
npm install Installs dependencies
npm run dev Starts local dev server at localhost:3000
npm run build Build your production site to ./dist/
npm run preview Preview your build locally, before deploying

📝 License

Licensed under the MIT License.

About

LinkTreeFreeClone is a LinkTree clone built with Astro and Tailwind

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Astro 87.7%
  • JavaScript 9.2%
  • TypeScript 3.1%