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

Поделиться
HTML-код
  • Опубликовано: 25 окт 2024

Комментарии • 104

  • @samuelkung7736
    @samuelkung7736 Год назад

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

  • @gomesbruno201
    @gomesbruno201 2 месяца назад

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

  • @mahinchowdhury3995
    @mahinchowdhury3995 9 месяцев назад

    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.

  • @mircast0
    @mircast0 Год назад

    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!

  • @prodbysmxky
    @prodbysmxky 11 месяцев назад

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

  • @reayhs
    @reayhs Год назад +3

    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

  • @piercegearhart
    @piercegearhart 9 месяцев назад

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

  • @javierbosch1338
    @javierbosch1338 Год назад +1

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

  • @RO-nb6mz
    @RO-nb6mz Год назад +1

    this guy!...always delivers

  • @easycodes1586
    @easycodes1586 Год назад

    i like the speed, well done.

  • @endawekeenkuahone7886
    @endawekeenkuahone7886 Год назад +1

    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

  • @namoudnormand3048
    @namoudnormand3048 Год назад

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

  • @fcomosan
    @fcomosan Год назад +1

    Wow INSAAAAAANE!!
    Thanks bro. Really good job

  • @上岛咖啡-s9b
    @上岛咖啡-s9b 7 месяцев назад

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

  • @shumonbalok9703
    @shumonbalok9703 Год назад

    Excellence brother. Super cool!!!😮

  • @siskoDE
    @siskoDE Год назад

    You are in Godmode!

  • @vuedev
    @vuedev Год назад +2

    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.

  • @narekvardapetyan8911
    @narekvardapetyan8911 11 месяцев назад

    Thanks a lot bro. very interesting and helpful tutorials.

  • @lesssass4478
    @lesssass4478 Год назад

    I am waiting for another big course. Thanks.

  • @josealeonf
    @josealeonf Год назад +5

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

  • @ronaldopeo1964
    @ronaldopeo1964 13 дней назад +1

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

  • @mingxindong3150
    @mingxindong3150 Год назад

    Thank you bro, another awesome clone !!!

  • @matthewlloyd2119
    @matthewlloyd2119 Год назад

    Loving the Warrior

  • @mikemwangi849
    @mikemwangi849 Год назад

    Yoooh sick amaizing insane tutorial🤪🤪

  • @muhammadusmanali3718
    @muhammadusmanali3718 Год назад

    aweome work man !!!!

  • @yoskokleng3658
    @yoskokleng3658 2 месяца назад +1

    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.

  • @ronaldopeo1964
    @ronaldopeo1964 11 месяцев назад

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

  • @muhamadabdul9231
    @muhamadabdul9231 Год назад

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

  • @David55293
    @David55293 Год назад

    amei o canal! vamos para o round one

  • @duongngocphuc4099
    @duongngocphuc4099 Год назад +1

    Thank you so much!

  • @bondamus5430
    @bondamus5430 Год назад

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

  • @rizhuljanuar1618
    @rizhuljanuar1618 Год назад

    Awesome , Next project bro.

  • @mon_codes
    @mon_codes Год назад

    this is the content 🎉

  • @luismoreno1405
    @luismoreno1405 Год назад

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

  • @Rr-pq8ln
    @Rr-pq8ln Год назад

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

  • @NguyenTrong-ev5fu
    @NguyenTrong-ev5fu Год назад

    amazing. thanks bro

  • @developementpoints
    @developementpoints Год назад

    Thanks a lot :) really useful :)

  • @rafalmo5258
    @rafalmo5258 Год назад

    Thank you for the video

  • @7ala9at
    @7ala9at Год назад +1

    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
      @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
      @matthewlloyd2119 Год назад

      ​@@johnweeksdev Warrior

  • @learnwithshoaib1273
    @learnwithshoaib1273 4 месяца назад

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

  • @rsufiyand
    @rsufiyand Год назад

    Any live streaming app clone would be great.

  • @wondersall6916
    @wondersall6916 24 дня назад

    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

  • @AXYZE
    @AXYZE Год назад +2

    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, RUclips clone) only in Nuxt so we could learn if its a good choice? :)

  • @davidmutua6971
    @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"

  • @learnwithshoaib1273
    @learnwithshoaib1273 Год назад

    why you removed vue3 ev charge map tutorials??

  • @yusha790
    @yusha790 Год назад

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

  • @faresgeek-dz5692
    @faresgeek-dz5692 11 месяцев назад

    Would you please make projects with tall stack + filament

  • @sharpsss7666
    @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 ?

  • @zurkik
    @zurkik Год назад

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

  • @whydowe1675
    @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?

  • @jonabirde
    @jonabirde Год назад

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

  • @programmersohan599
    @programmersohan599 Год назад

    Great man

  • @duncanell
    @duncanell 3 месяца назад

    Can this be uploaded to shared Hosting ?

  •  6 месяцев назад

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

  • @mr.fabian8471
    @mr.fabian8471 Месяц назад

    Thank you

  • @agamurat3019
    @agamurat3019 Год назад +1

    why did you use axios intead useFetch composables?

    • @codeguy7309
      @codeguy7309 Год назад

      I think it's his preference.

    • @zuko655
      @zuko655 Год назад

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

  • @IvyNjoroge-c3r
    @IvyNjoroge-c3r 7 месяцев назад

    does it allow live streaming services

  • @RamiFakih-e1e
    @RamiFakih-e1e Год назад

    whats that terminal you opened at the begining

  • @nature_matrika
    @nature_matrika Год назад

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

  • @seabeckstarlite
    @seabeckstarlite Год назад

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

  • @pegaexpress4335
    @pegaexpress4335 Год назад

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

  • @hxdsgn4375
    @hxdsgn4375 Год назад

    Dude got a hurricane strike yet still uploadin

  • @zeroc7253
    @zeroc7253 Год назад

    I like this style! god job

  • @BlackProgrammer
    @BlackProgrammer Год назад

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

  • @zuhrisaifudin7595
    @zuhrisaifudin7595 Год назад

    Hi John can share your plugin vscode

  • @gor2em
    @gor2em Год назад

    yooooooooo this is coool

  • @Ali7med
    @Ali7med Год назад

    vbase is extension?

  • @codeguy7309
    @codeguy7309 Год назад

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

    • @davidmutua6971
      @davidmutua6971 Год назад

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

  • @dannjohnrem
    @dannjohnrem Год назад

    can I use docker and wsl?

  • @costax5497
    @costax5497 5 месяцев назад

    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
      @costax5497 5 месяцев назад

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

  • @Daaboo
    @Daaboo 5 месяцев назад

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

  • @ahmednabil-oo3zq
    @ahmednabil-oo3zq 10 месяцев назад

    wow keep going plz

  • @chahinevenom9339
    @chahinevenom9339 15 дней назад

    he isn't using a database right?

  • @elenakiseljova2493
    @elenakiseljova2493 Год назад

    🔥🔥🔥

  • @ProGamerru
    @ProGamerru Год назад

    I will try to replace laravel with rust

  • @xubinzhu162
    @xubinzhu162 Год назад

    cool

  • @InvidiaRaindrops
    @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

  • @fadlirahman8587
    @fadlirahman8587 Год назад

    My looord

  • @amiraghyan99
    @amiraghyan99 11 месяцев назад

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

  • @dutchhustler
    @dutchhustler Год назад

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

  • @b-o-t-l-y
    @b-o-t-l-y Год назад

    O_o o_o o_O 👍

  • @ELYUSEF
    @ELYUSEF 7 месяцев назад

    bla bla bla hhhhhhhhhhhhhhhhhh

  • @adrianam4526
    @adrianam4526 Год назад

    hello!! how can i contact you?

    • @adrianam4526
      @adrianam4526 Год назад

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

  • @jordandains2755
    @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
      @KL-pk6on Год назад +1

      me too :(((

    • @jordandains2755
      @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
      @dutchhustler Год назад

      Is there any fix??

  • @surajmallick7999
    @surajmallick7999 Год назад

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

  • @VANJASONARELLANO
    @VANJASONARELLANO 8 месяцев назад

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

  • @learnwithshoaib1273
    @learnwithshoaib1273 Год назад

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

    • @johnweeksdev
      @johnweeksdev  Год назад +1

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

    • @learnwithshoaib1273
      @learnwithshoaib1273 Год назад

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