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.
You can see a demo of the project at https://go.yoandev.co
-
Customize your general settings
Open
src/config.ts
and edit the `SUBTITLE', 'TITLE' and 'TAGLINE' variables. -
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 linkExample:
--- title: Link 1 emoji: 📺 href: https://lorem.com ---
-
Customize your avatar
Replace the file
src/public/avatar.png
with your own avatar.
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 |
Licensed under the MIT License.