https://github.com/john-weeks-dev/linktree-clone

This is a Linktree Clone PWA with Camera made with Nuxt 3, Vue JS, Laravel (API), Tailwind CSS, Pinia and Axios
https://github.com/john-weeks-dev/linktree-clone

axios axios-interceptors cropper file-upload image image-upload javascript linktree linktree-clone nuxt nuxt3 nuxtjs pinia tailwind tailwindcss vue vue-advanced-cropper vue3 vuejs

Last synced: 2 months ago
JSON representation

This is a Linktree Clone PWA with Camera made with Nuxt 3, Vue JS, Laravel (API), Tailwind CSS, Pinia and Axios

• Host: GitHub
• URL: https://github.com/john-weeks-dev/linktree-clone
• Owner: John-Weeks-Dev
• Created: 2023-03-29T09:37:03.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-04-25T15:04:57.000Z (about 2 years ago)
• Last Synced: 2025-03-24T04:12:14.758Z (3 months ago)
• Topics: axios, axios-interceptors, cropper, file-upload, image, image-upload, javascript, linktree, linktree-clone, nuxt, nuxt3, nuxtjs, pinia, tailwind, tailwindcss, vue, vue-advanced-cropper, vue3, vuejs
• Language: Vue
• Homepage: https://youtube.com/watch?v=NtsbjB8QD3Y
• Size: 714 KB
• Stars: 89
• Watchers: 1
• Forks: 26
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Linktree Clone / PWA (linktree-clone)

### Learn how to build this!

If you'd like a step by step guide on how to build this just **CLICK THE IMAGE BELOW**

[![GO TO JOHN WEEKS DEV TUTORIAL VIDEOS](https://user-images.githubusercontent.com/108229029/228964328-b0e75187-32de-4b29-8fd0-d1546237b1fd.png)](https://www.youtube.com/watch?v=NtsbjB8QD3Y)

Come and check out my YOUTUBE channel for lots more tutorials -> https://www.youtube.com/@johnweeksdev

**LIKE**, **SUBSCRIBE**, and **SMASH THE NOTIFICATION BELL**!!!

## NOTE

### For this Linktree Clone to work you'll need the API/Backend:

Linktree Clone API: https://github.com/John-Weeks-Dev/linktree-clone-api

## App Setup (localhost)

```

git clone https://github.com/John-Weeks-Dev/linktree-clone.git

npm i

npm run dev

```

Inside Plugins/axios.js make sure the baseUrl is the same as your API.



You should be good to go!

## Extra Info

In the tutorial I show you what you need to edit in your Nginx config file.

This example is in Laravel Forge:

1. In the frontend open the "Edit Nginx Configuration"





2. Update the location section to this.





# Application Images





























# PWA Images