Build & Deploy: Full Stack Linktree Clone with Camera, Nuxt 3, Vue3, PWA, Tailwind CSS, Laravel

In this tutorial, I'll walk you through the process of building and deploying a full-stack Linktree clone complete with a camera feature! Using cutting-edge technologies like Nuxt 3, Vue 3, PWA, Tailwind CSS, Laravel, and Pinia, you'll learn the ins and outs of developing a top-of-the-line web application. Whether you're a seasoned developer or just starting out, this tutorial will provide you with the tools and knowledge you need to succeed. So what are you waiting for? Follow along and start building your own Linktree clone with the camera today!

LIKE!!! SUBSCRIBE!!! SMASH THE NOTIFICATION BELL!!!

And I'll see you in the video!

For freelance or contract work inquiries, kindly connect with me via Twitter / X:
Thank you.

GitHub Repo:

00:00 - Linktree Clone Project Setup
13:27 - Auth Layout setup
17:32 - Login Page
17:20 - Text Input Component
20:14 - Login Page
24:31 - Register Page
27:42 - Admin Layout setup
30:29 - SORRY!!! PWA CACHE IS ANNOYING. COMMENT IT OUT FOR NOW
30:48 - Admin Layout setup
56:05 - Main Admin Page
59:35 - Add Link Component
1:04:54 - Link Box Component
1:29:55 - Mobile Display Component
1:36:34 - Preview Overlay Component
1:43:31 - Appearance Page
1:53:33 - Preview Page
1:57:06 - More Page
2:00:44 - Add Link Overlay Component
2:05:40 - Update Link Overlay Component
2:15:11 - Cropper Modal with CAMERA Component
2:38:29 - Laravel API Setup
2:38:29 - UserController & Migration | Laravel
2:46:16 - User Resource | Laravel
2:47:40 - UserController & Migration | Laravel
2:02:31 - Setup Login, Register & Logout. Pinia (front-end & back-end) Laravel Sanctum
2:59:49 - Nuxt 3 Middleware | Vue 3
3:03:33 - UserImageController | Laravel
3:05:04 - FileService | Laravel Services | Intervention Image
3:09:50 - LinkController, Model, Migration & Routes | Laravel
3:11:50 - LinksCollection | Laravel Collections
3:13:00 - LinkController, Model, Migration & Routes | Laravel
3:14:57 - LinkImageController | Laravel
3:16:48 - ThemeController | Laravel
3:18:35 - Create ALL Pinia functions
3:23:07 - Add ALL Pinia functions into the application & updates on the backend
3:40:10 - Check our PWA application | LOCALHOST
3:44:57 - Hosting our PWA & Laravel API on Digital Ocean
4:07:22 - TEST APPLICATION AND FINISH!!!

#linktreeclone
#nuxt3
#laravel

[dacostap]

Hi John excellent work, about this dynamic class I made works from API, you have to add them to safelist in tailwind becouse it does the treesaking and purge classes, add all bg and gradient with regular expressions, I hope it help your. Greetings from Peru.

[swedeskvacktheduck]

Man I wanna cry so bad, literally I owe you man... I lacked sleep for 3 weeks looking for this exact project to present on my finals. And now I found what exactly I was looking for. Seriously I'm crying man thank you! My group mates are giving me a hard time not even helping to find a reference / source code now I can continue with ease. This had me emotional lmao seriously thank you! You explained it very well unlike the other vids I found🤦‍♀️

[iUmerFarooq]

Bro make more Nuxt 3 content like Fullstack Dashboard using Nuxt 3 + Bootstrap/Tailwind with auth.
You way of teaching is next lvl

[FayTouch]

Man, you are so underrated you share insane projects every time, I wasn't expecting so much features. Keep up, you will blow up sooner or later

[evansaddo]

Dammm.. I was thinking about you today and was like its been a while. Where have you been and boom here you are . Welcome back. We appreciate you

[WalidTouati]

what an awesome person and teacher, the video is 4 hours long, but the way you teach makes me feel like it's 10 minutes, i like that you explain every things so fast and very clear, i learned a lot in just one video, and surprisingly i understood every things so quickly. WOW!. i feel like i found a treasure in an abended island called YouTube.
very very very incredible tutorial, thank you so much John.💝💝

[prashlovessamosa]

Just found your channel i don't why people like you have less subscribers
I mean you deserve more
Btw thanks for sharing knowledge for free.

[bowaller]

Great video as always that's why I follow... I requested this project and it is excellent-perfect. 👌👌👌👌

Next clone the WordPress lol

[betaglot]

FYI: The k in Linktree is missing in the title and in the description. Looks cool, excited to watch

[iyasuj]

Yooo, Again with a BOOM tutorial, you the BEST, I'm still waiting on that Udemy clone tutorial

[siskoDE]

I LOVE YOUR CHANNEL! because i want to learn vue and nuxt 3 and NOT react!!! this is the content i'm looking for!!!

[rodrigoborges]

oh man amazing... my code before you was some but with you it's awesome!! What about pinterest clone...food for thought

[QtheCoder]

This is what I needed for my project. Similar in linktree
Stay tuned 👀👍

[blockchain_bull]

thanks so much.
excellent content. New sub here

[snoudev]

Hello John, Always an awesome video, you rock 🤟🤘🤘🤘

[unknownmystery]

Hey John, thanks again for posting an insane tutorial! Any chance you're going to set up a discord server for questions?

[zerodegreecoder]

Keep posting awesome videos. thank you!

[interestingthings]

Well Done Brother ! I am Sohan using another account.😀

[jamalmydeenms]

Great job and helpful to newcomers, enjoyed, keep motivated new developers also one request your old project ev_charge application, after 2 or 3 minutes logout not working, when I click logout nothing happening, expecting your reply

[victoronwe]

This is great! Please how can I make the themes with completely different layouts and design. More like making it have multiple different themes that can dynamically be changed at run time