KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#codex #developer-tools #typescript #ai-agents #claude-code #python #mcp #react #cli #macos #ai-agent #deepseek-harness

linktree-clone

★ 118 Open GitHub ↗

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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.

<img width="443" alt="Screenshot 2023-03-15 at 00 14 21" src="https://user-images.githubusercontent.com/108229029/225085615-529afbca-8cb8-4ed4-bf5b-54ba6f827f36.png">

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"

<img width="600" src="https://user-images.githubusercontent.com/108229029/229151201-f9d1fe83-ca68-496e-9a1e-3ef031ce8271.png">
<img width="400" src="https://user-images.githubusercontent.com/108229029/229151378-986b62d3-aab4-451d-8c65-029a3f2ec8a7.png">

2. Update the location section to this.
<img width="400" src="https://user-images.githubusercontent.com/108229029/229151891-46be485f-57e7-4bb9-9bac-6a1686e2c653.png">
<img width="600" src="https://user-images.githubusercontent.com/108229029/229152382-358daed2-6c7f-4cbb-b367-c17351a37b2d.png">

# Application Images

<img width="1439" src="https://user-images.githubusercontent.com/108229029/228939676-4f229e2a-96b7-4bfd-9926-91c203e1448e.png">
<img width="1439" src="https://user-images.githubusercontent.com/108229029/228939788-e2064606-4abc-478f-b6b0-8bb80ef29b86.png">
<img width="1439" src="https://user-images.githubusercontent.com/108229029/228939898-46b3d07e-a621-4969-ac84-d52f7a28150c.png">
<img width="1439" src="https://user-images.githubusercontent.com/108229029/228940125-68978815-d8c0-4ccc-a422-ff9b39afed39.png">
<img width="1439" src="https://user-images.githubusercontent.com/108229029/228940234-08eff6c7-1d77-4992-9813-e1e1584100c5.png">
<img width="1439" src="https://user-images.githubusercontent.com/108229029/228940314-45580c79-10c1-440e-a9b0-3f3a554b4a47.png">
<img width="1439" src="https://user-images.githubusercontent.com/108229029/228940489-69cf84fc-5f6c-4dd8-a94a-568af290e00e.png">
<img width="1439" src="https://user-images.githubusercontent.com/108229029/228940597-8dcaef65-266a-4cd0-b0ef-1f0715159f1a.png">
<img width="1439" src="https://user-images.githubusercontent.com/108229029/228940672-b4a1c33c-ffe5-4346-a47a-dcfedf01090e.png">
<img width="1439" src="https://user-images.githubusercontent.com/108229029/228940742-c1c1b786-e212-448e-87d8-60d4d66945fd.png">
<img width="1439" src="https://user-images.githubusercontent.com/108229029/228940845-2d863b6f-67f7-4221-801d-d433265584e9.png">
<img width="1439" src="https://user-images.githubusercontent.com/108229029/228940930-53cac8bf-30ba-4e4c-993d-b0007c1601cb.png">
<img width="1439" src="https://user-images.githubusercontent.com/108229029/228941007-efe23396-b189-4ce3-85c5-53d1bd8fc983.png">
<img width="1439" src="https://user-images.githubusercontent.com/108229029/228941097-3de7b664-023f-48e6-beff-1810791f45ff.png">

# PWA Images
<img width="1439" src="https://user-images.githubusercontent.com/108229029/228941385-ba10b505-0522-4493-95e6-2214cba4ed0a.png">
<img width="1439" src="https://user-images.githubusercontent.com/108229029/228941510-24b39533-c93c-48fe-aa0d-ca6b140eef75.png">
<img width="1439" src="https://user-images.githubusercontent.com/108229029/228941606-74b3b422-a4f3-4973-834d-f3e152c3e71e.png">
<img width="800" src="https://user-images.githubusercontent.com/108229029/228941671-b521f9fa-b764-418e-9e97-e3cdcba08a7b.png">

<div>
  <img width="333" src="https://user-images.githubusercontent.com/108229029/228942219-5712d33c-dfa7-4d8f-846d-c2449ebcb01c.png">
  <img width="333" src="https://user-images.githubusercontent.com/108229029/228942317-12756e75-bac0-4715-9c77-b00efde31937.png">
  <img width="333" src="https://user-images.githubusercontent.com/108229029/228942370-f8bef7e5-2e62-4da8-9ea8-f806d8a7b3d3.png">
</div>

<div>
  <img width="333" src="https://user-images.githubusercontent.com/108229029/228942477-44a16a82-e2cd-4546-bb4b-461b492d6812.png">
  <img width="333" src="https://user-images.githubusercontent.com/108229029/228942526-89dc5f45-dc15-4508-9353-eeb90e90059d.png">
  <img width="333" src="https://user-images.githubusercontent.com/108229029/228942612-dea08e4d-69d7-4622-ba70-a2378d91ab04.png">
</div>

<div>
  <img width="333" src="https://user-images.githubusercontent.com/108229029/228942915-1f036606-5705-43d8-ad63-888346b6af42.png">
  <img width="333" src="https://user-images.githubusercontent.com/108229029/228942980-a3acc437-2bda-4500-9cee-d79c3ffda773.png">
  <img width="333" src="https://user-images.githubusercontent.com/108229029/228943033-5f0f911f-712e-4352-a85d-886a503c0508.png">
</div>

<div>
  <img width="333" src="https://user-images.githubusercontent.com/108229029/228943152-93e08fbb-ad95-47e9-9b8b-e9dae9484cd5.png">
  <img width="333" src="https://user-images.githubusercontent.com/108229029/228943200-b38238ef-d4bc-4703-881a-71fe498bbfa9.png">
  <img width="333" src="https://user-images.githubusercontent.com/108229029/228943242-cffc88a7-7211-4f43-bbe4-4fa89aae1f3a.png">
</div>

<div>
  <img width="333" src="https://user-images.githubusercontent.com/108229029/228943303-3aaddfc4-9c55-40c4-8a8d-c4d52fcc20d7.png">
  <img width="333" src="https://user-images.githubusercontent.com/108229029/228943392-e84c29d0-9262-4d07-a2c2-a96aec9c546d.png">
  <img width="333" src="https://user-images.githubusercontent.com/108229029/228943453-4757ed61-0857-4894-be5c-f8447fb56ee4.png">
</div>

<div>
  <img width="333" src="https://user-images.githubusercontent.com/108229029/228943520-8f10ffa2-b936-4383-863a-50262984712f.png">
  <img width="333" src="https://user-images.githubusercontent.com/108229029/228943657-698c06c8-ab4b-41ec-8585-de27f1e63d78.png">
</div>