Full Stack TikTok Clone with Nuxt 3, Vue 3, Tailwind CSS, Laravel API,, Pinia, Axios, Javascript

[@1000daystech]

Dude I like your humor. Didn't expect to laught that hard at 8:39 😂"sweatin' again like an animal!!1" The stack is what I was looking for. Impressive work man!

[@samuelkung7736]

FINALLY SOMEONE WHO UNDERSTANDS PEOPLE Who CANT CODE! Love your vids please make more!!!

[@mahinchowdhury3995]

From the bottom of my heart, thanks John. I was looking for a course that covers Laravel and Nuxt 3 and couldn't find any good courses except yours. Keep up the good work.

[@davidmutua6971]

At 1:17:03 you can use a local videoSrc state then set it inside onMounted i.e. videoSrc.value = "/lynx.mp4"; which triggers loadeddata event which in turn fires the watcher which plays your video. On the actual video element :src="videoSrc"

[@reayhs]

Thank you! Currently, I am learning Nuxt3, and in 1-2 months, I plan to learn PHP and then Laravel. I hope that these courses or videos will still be available here by that time :D

[@gomesbruno201]

seeing this man reading all those tailwind classes in 2x speed is absolutely amazing

[@javierbosch1338]

You are hilarious. Loved the start of your video. I'll be sure to watch it all the way through!

[@RO-nb6mz]

this guy!...always delivers

[@prodbysmxky]

didnt know if i should learn php but you just convinced me

[@piercegearhart]

This video was amazing. Would love more laravel based videos like these!

[@vuedev]

oh hell yeah. killer work. not sure if you take suggestions but i’ve been searching for a booking application using multiple external APIs using these technologies - or inertia and vue - to no avail.

[@easycodes1586]

i like the speed, well done.

[@endawekeenkuahone7886]

Thank you man 🙏🙏🙏. I have been learning from your tutorial. Please don't give up, do more video like Nuxt and Vuejs and backend laravel and tailwind css. They are my favorites.Thank youuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu very much

[@fcomosan]

Wow INSAAAAAANE!! Thanks bro. Really good job

[@namoudnormand3048]

I just discovered this guy. underrated channel keep up the hard work 💪

[@上岛咖啡-s9b]

Just wonder how did you achieve that paste whatever you want so quickly, it is so amazing!!

[@siskoDE]

You are in Godmode!

[@mingxindong3150]

Thank you bro, another awesome clone !!!

[@josealeonf]

Great tutorial, thanks! can you give a list of the vscode plugins you use?

[@narekvardapetyan8911]

Thanks a lot bro. very interesting and helpful tutorials.

[@yoskokleng3658]

bro just need 4h for making tiktok product and bro need 1 hour more to register the company then 1 hour more for become billionaire. haha thank you for this video.

[@Sudeep.J.B]

😂🤣🤣🤣

[@lesssass4478]

I am waiting for another big course. Thanks.

[@shumonbalok9703]

Excellence brother. Super cool!!!😮

[@muhammadusmanali3718]

aweome work man !!!!

[@matthewlloyd2119]

Loving the Warrior

[@mikemwangi849]

Yoooh sick amaizing insane tutorial🤪🤪

[@muhamadabdul9231]

Awesome work, i had headache 2 day to resolve auth with sanctum spa. Migration from nuxt 2

[@ronaldopeo1964]

Great!! Thanks!! Can you teach us build tiktok mobile app ❤

[@ronaldopeo1964]

🎉 Supper man 😮 ❤ Hope you will build tiktok mobile app with this tech 🎉🎉🎉

[@bondamus5430]

thanks ... superb tutorial.... clone anything using nuxt with firestore please

[@developementpoints]

Thanks a lot :) really useful :)

[@rizhuljanuar1618]

Awesome , Next project bro.

[@mon_codes]

this is the content 🎉

[@luismoreno1405]

CONGRATULATIONS EXCELLENT VIDEO , Could you make a complex system with more tables and more business rules some SAAS project THANKS!!

[@NguyenTrong-ev5fu]

amazing. thanks bro

[@David55293]

amei o canal! vamos para o round one

[@duongngocphuc4099]

Thank you so much!

[@johnweeksdev]

No problem!

[@rafalmo5258]

Thank you for the video

[@7ala9at]

thank you man for this course, but i have question why you add dynamic class with condition "route.fullPath" i do not understand why please explain

[@johnweeksdev]

So for example, if the CURRENTPATH or FULLPATH is equal to the page you have specified then do something. so if you say: if(route.fullPath === '/profile') { // check if user is logged in } else { // go back to home page }

[@matthewlloyd2119]

​@@johnweeksdev Warrior

[@faresgeek-dz5692]

Would you please make projects with tall stack + filament

[@rsufiyand]

Any live streaming app clone would be great.

[@jonabirde]

can you do more videos that has nodejs(like express) as backend? appreciate it

[@codeguy7309]

1:49:22 Can you explain why you add ids to components?

[@davidmutua6971]

For no reason at all. I believe is just his way of demarcation

[@reikikaji]

can you make a video on how to make the git hub work?

[@programmersohan599]

Great man

[@nature_matrika]

can you please make a pull playlist for NUXT3 and Laravel passport/any API... please!!!!

[@Rr-pq8ln]

Hey man, great stuff! could you tell me please why did you pick Nuxt instead of Vue?

[@pegaexpress4335]

are u goin update this? or just its a lear proyect? the proyect its good

[@sharpsss7666]

What if I create laravel inside my nuxt application, name the folder laravel_api and my rest api will be there, will I not have to worry about ports and it will work right away ? Is there any way to make a monolith ?

[@BlackProgrammer]

sir please these type of videos provide in react or next js

[@yusha790]

insane tutorial bro, can you use mevn stack to build next clone if possible tysm anyway

[@whydowe1675]

YO JOHN Can you do AirBnb with Inertia SSR, Vue 3, Laravel, Breeze, Tailwind, Vite? Maybe Pinia? but would be cool to handle it with Laravel/ Inertia Functions, so no pinia?

[@agamurat3019]

why did you use axios intead useFetch composables?

[@codeguy7309]

I think it's his preference.

[@zuko655]

useFetch is an ssr-friendly wrapper for ofetch. I think it's advisable to use composables that nuxt provides

[@RamiFakih-e1e]

whats that terminal you opened at the begining

[@AXYZE]

Hey, have you tried using Nuxt as a full stack framework (server components etc.) and using BaaS such as Supabase/AppWrite/PocketBase? I just found this video, saw your channel and I see that you're usually combine JavaScript with PHP (Laravel). I'm currently learning JavaScript and I'm curious if I would do everything for such clones in Nuxt alone, without learning PHP. I know that I can also use NodeJS for backend, but using Nuxt as a fullstack seems like a great choice, but sadly because I'm new its hard to know its limitations. So if you have free time, maybe consider to make some clone (like Udemy clone, Amazon clone, KZbin clone) only in Nuxt so we could learn if its a good choice? :)

Thanks a lot. Could you please add clone ilovepdf? 😐

[@learnwithshoaib1273]

why you removed vue3 ev charge map tutorials??

[@zeroc7253]

I like this style! god job

[@seabeckstarlite]

clicking on the login button on the login form or create new user sign up does nothing??

[@duncanell]

Can this be uploaded to shared Hosting ?

[@IvyNjoroge-c3r]

does it allow live streaming services

[@gmagnenat]

Everything went smooth until the backend and some cors issues with the login 😢

[@zuhrisaifudin7595]

Hi John can share your plugin vscode

[@gor2em]

yooooooooo this is coool

[@Ali7med]

vbase is extension?

[@dannjohnrem]

can I use docker and wsl?

[@hxdsgn4375]

Dude got a hurricane strike yet still uploadin

[@learnwithshoaib1273]

please upload ev charge map tutorials list again please. thank you

[@johnweeksdev]

Hey man, look on my twitter page and you'll find the videos

[@learnwithshoaib1273]

@@johnweeksdev i have seen you twitter page that you have mentioned in this channel but nothing found. can you please share link here

[@wondersall6916]

Thank you so much for this tutorial I've been wanting to make a social app for the longest time. Anyway, I have stumbled on an error that I'm afraid is taking too long to fix. The login and register functions aren't working, my console says it's something to do with axios and a 419 error. I solved the CSRF Cookie error but I still get the 419 login error and 401 logged in user error. Can someone share their thoughts on this, I don't know where the bug is

[@pleas23]

any updates?

[@wondersall6916]

@pleas23 the problem was my database connection 💀💀

[@mr.fabian8471]

Thank you

[@Daaboo]

But but but but but, tiktok is a mobile app. How do I use the camera app on Ionic native with mounted android SDK, record and send it to the api endpoint in Vue 3. there is no guide how to do it without paying for firebase......

[@costax5497]

man the error of the image is because when you uploads the image and put the cropper in the border he considers you have selected 0 in one of the sides (top, left) and change it into a empty position (example: top: 0 becames top: (no information) in the form data)

[@costax5497]

i'm brazilian don't judge my english mistakes lol

[@ahmednabil-oo3zq]

wow keep going plz

[@ProGamerru]

I will try to replace laravel with rust

[@chahinevenom9339]

he isn't using a database right?

[@InvidiaRaindrops]

Hi, I'm trying to follow along, and when it comes to testing and making the X icon show up with this line of code: I don't get an Icon when I run dev. It just turns it all back as the text " ✕ mdi:close" (this happens regardless of if I use X or ✕) so I can only assume it's not finding the Icon needed? I'm new to programming, what should I be doing here? I know this is just the test bit, but I'm worried that this indicates there'll be more issues down the line when I try to use

[@e.a.kiseljova]

🔥🔥🔥

[@xubinzhu162]

cool

[@dutchhustler]

Please if there are any issues give some support i dont mind send some bucks for this

[@amiraghyan99]

if(true) { return true } else return false Whaaaat 😂

[@fadlirahman8587]

My looord

[@b-o-t-l-y]

O_o o_o o_O 👍

[@ELYUSEF]

bla bla bla hhhhhhhhhhhhhhhhhh

[@adrianam4526]

hello!! how can i contact you?

[@adrianam4526]

@@johnweeksdev Hello, thanks for your email, I already answered it! 🤩🤩🤩

[@jordandains2755]

I keep getting 404 not found for api/get-random-users / api/home / AxiosError {message: 'Request failed with status code 404' Anyone help please?

[@KL-pk6on]

me too :(((

[@jordandains2755]

@@KL-pk6on Hopefully someone can help us out! I saw someone else post having the same issue. It's a open issue on Github but no luck yet.

[@dutchhustler]

Is there any fix??

[@surajmallick7999]

Subscribed immediately when he said Yooooooo😂 but sed he only makes vue projects 🥹

[@VANJASONARELLANO]

[vite-node] [ERR_LOAD_URL] pinia-plugin-persistedstate at pinia-plugin-persistedstate

[@learnwithshoaib1273]

please upload ev charge map tutorials list again please. thank you