Build & Deploy a Movie App With NuxtJS | NuxtJS Crash Course (2021)

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ม.ค. 2025

ความคิดเห็น • 107

  • @JohnKomarnicki
    @JohnKomarnicki  3 ปีที่แล้ว +28

    Hopefully you enjoy this project / crash course with NuxtJS! If you do, be sure to drop a like. Would you want to see more videos/projects using this framework? Let me know down in the comments!

    • @CarlAshfield
      @CarlAshfield 3 ปีที่แล้ว +1

      Hell yes!! I’d love to see more Nuxt vids!

    • @mahmoudmoussa6722
      @mahmoudmoussa6722 3 ปีที่แล้ว

      Sure. More Nuxt js videos please, out there either free or paid is hard to find a good content like yours.

    • @brancode404
      @brancode404 2 ปีที่แล้ว

      Can you do Django + Nuxt ?

  • @anonymouseverx
    @anonymouseverx 3 ปีที่แล้ว +5

    Your contents are always in the top class and this one is also. Currently, I'm struggling with Vue, and after that, I wanna learn Nuxt. But I can't wait and wanna watch this crash course now. Thanks, John, thank you so much.

  • @joshhitech
    @joshhitech 3 ปีที่แล้ว +3

    This is my first time using NuxtJS and it's pretty nice. Thanks for this project!

    • @JohnKomarnicki
      @JohnKomarnicki  3 ปีที่แล้ว +1

      Compared to traditional Vue, I think it’s definitely worth using with all the bells and whistles that come out of the box when using this framework! Appreciate you watching, Josh!

    • @joshhitech
      @joshhitech 3 ปีที่แล้ว

      @@JohnKomarnicki Yeah. I agree. I'll be using this framework again due to those reasons and no problem!

  • @NewWay-xz5fj
    @NewWay-xz5fj 2 ปีที่แล้ว +1

    cannot read properties of undefined (reading 'pending') nuxtjs having this error message when trying to open a single movie at 1: 28:18

  • @baodoan5420
    @baodoan5420 2 ปีที่แล้ว +1

    such a cool episode about nuxtjs, your explanation is super easy to understand for a foreigner like me. Thanks a lot

    • @JohnKomarnicki
      @JohnKomarnicki  2 ปีที่แล้ว

      Glad to hear! Thanks for watching!

  • @igdev6095
    @igdev6095 3 ปีที่แล้ว +2

    Next JS please, best tutorior for me 🥰 so clean and easy to understand

  • @luukwagenaar4155
    @luukwagenaar4155 3 ปีที่แล้ว +1

    Been waiting for this one! And boy was it worth it! Thanks for putting this together. I've decided to return the favor and i'll support the channel for the foreseeable future ;)

    • @JohnKomarnicki
      @JohnKomarnicki  3 ปีที่แล้ว

      Really appreciate it Luuk! Thank you so much for the support!

    • @luukwagenaar4155
      @luukwagenaar4155 3 ปีที่แล้ว

      @@JohnKomarnicki no problem you deserve it🤟🏻

  • @muadzrosli
    @muadzrosli 3 ปีที่แล้ว

    Wuhoo! Finally, nuxt project. Awesome. Thanks👍🏻🤩

  • @tazimrahbar7882
    @tazimrahbar7882 2 ปีที่แล้ว

    Best Nuxt tutorial on TH-cam.
    Really helped me a lot.

  • @captainalpha4853
    @captainalpha4853 3 ปีที่แล้ว +5

    Been waiting for Nuxtjs projects for ages haha, please could you do more nuxtjs and vuejs projects? hanks man!

  • @domicoder
    @domicoder 3 ปีที่แล้ว +1

    John you are amazing, I like your videos. Great!

  • @danrudov5955
    @danrudov5955 3 ปีที่แล้ว

    You awesom, men! Very cool and easy. Now I have midnight but I sit and watch it.

    • @JohnKomarnicki
      @JohnKomarnicki  3 ปีที่แล้ว

      I appreciate it, thanks for watching :)

  • @АлишерАзимов-д8ш
    @АлишерАзимов-д8ш 3 ปีที่แล้ว

    I love you man as a developer) You helped me to improve my Vue skills) I don't know English but I can understand you...

  • @emmamuhlberger188
    @emmamuhlberger188 3 ปีที่แล้ว

    Thank you for the amazing tutorial! I would love to see more projects using nuxt

  • @hanguyenba8952
    @hanguyenba8952 2 ปีที่แล้ว +1

    I appreciate your guidance. it was great.
    By the way, can you show me how to set up keyboard shortcuts!
    It's at the 29:17 minute mark. It's like you enter a div. hero will spawn .
    Once again I appreciate your guidance to Nuxt beginners like me!

    • @JohnKomarnicki
      @JohnKomarnicki  2 ปีที่แล้ว +1

      I appreciate that! I believe you might be referring to a vscode setting / extensions called Emmett. It allows for short hands to be created for certain tags etc.

    • @hanguyenba8952
      @hanguyenba8952 2 ปีที่แล้ว

      @@JohnKomarnicki 🥰 O
      k. It was great. Thank you so much ^^

  • @sanusivictorolajuwon514
    @sanusivictorolajuwon514 3 ปีที่แล้ว +1

    You're a Lifesaver Sir. More of the same please.

  • @softblood1941
    @softblood1941 3 ปีที่แล้ว +3

    Nice video! Thanks for the effort. I hope to see some full stack apps with crud operations etc.
    Your Channel is one of the best for VueJS devs like us so keep it up and write history, I will support you for that. 😁

  • @timstatler3214
    @timstatler3214 2 ปีที่แล้ว

    This is such an amazing course! Thank you so much!

  • @rupamshil7895
    @rupamshil7895 3 ปีที่แล้ว

    need more projects on NUXT like this!!

    • @JohnKomarnicki
      @JohnKomarnicki  3 ปีที่แล้ว +1

      I agree! I really enjoyed creating this project with Nuxt. More to come soon!

  • @yousofjafari5693
    @yousofjafari5693 2 ปีที่แล้ว

    thanks a lot man, I really need this kind of course

  • @akaRong
    @akaRong 3 ปีที่แล้ว +1

    Thanks you so much for your work, and it's really helpful. Really appreciated for this.

    • @JohnKomarnicki
      @JohnKomarnicki  3 ปีที่แล้ว

      I appreciate it, thanks for watching 😀

  • @CarlAshfield
    @CarlAshfield 3 ปีที่แล้ว +1

    More Nuxt build please 🙌

  • @bobdpa
    @bobdpa 3 ปีที่แล้ว +1

    Another great project. I like that you cover a lot of info on whatever technology you're using. Thanks!

    • @JohnKomarnicki
      @JohnKomarnicki  3 ปีที่แล้ว +1

      Thanks Bob, I appreciate it. Glad you enjoyed the project 😀

  • @urushadze
    @urushadze 3 ปีที่แล้ว

    Thanks for the video...
    But I have 1 question on 45:13 You iterate over an array and push them into local ... Why not just assign them to local like this
    this.movies = result.data.results

    • @JohnKomarnicki
      @JohnKomarnicki  3 ปีที่แล้ว +1

      Yep, you can do that. Especially in this case where wanna use all the data.

  • @codinggates
    @codinggates 3 ปีที่แล้ว +1

    Thanks for your nuxt crash course video. Would you please make another video on Nuxt SEO like adding a sitemap, google analytics and google search console with live nuxt application. Moreover, also adding canonical URLs in the NUXT application. Thanks

  • @OnlyJavascript
    @OnlyJavascript 3 ปีที่แล้ว

    @John Komarnicki Please help me, I am stuck @ 19:52. Assertion failed, after making changes to nuxt.config.js

    • @OnlyJavascript
      @OnlyJavascript 3 ปีที่แล้ว +1

      npm install --save-dev sass sass-loader@10 fibers. This thing causes the problem. When I try to add a CSS file instead of SCSS(without installing sass and sass-loader), everything works fine. Got any fixes to add SCSS?? Any help would be appreciatable.

  • @emanuilgerganov5494
    @emanuilgerganov5494 3 ปีที่แล้ว

    Thanks bro, very nice tutorial. Also very eastern europe family, I like it :D

  • @SharkBait_ZA
    @SharkBait_ZA 3 ปีที่แล้ว

    At 45:33, why run a foreach and not just do this.movies = result.data.results?

    • @JohnKomarnicki
      @JohnKomarnicki  3 ปีที่แล้ว

      In this case you could, since we are getting all the data back from the results!

    • @SharkBait_ZA
      @SharkBait_ZA 3 ปีที่แล้ว

      @@JohnKomarnicki Just to make it clear for future readers, if you wanted to "alter/customize" the data, that you recieved back from the response, you would do the foreach way.

  • @farisonet
    @farisonet 2 ปีที่แล้ว +1

    Nice job!! , can we have another project nuxt but with typscript implementation ?

  • @monarchgam3r
    @monarchgam3r 3 ปีที่แล้ว

    quick question.. why did you refrence images with ./ instead of ~ as is shown on nuxt documentation?

  • @hendisantika
    @hendisantika 11 หลายเดือนก่อน

    Nice video. Can you upgrade into latest nuxt version? Thanks

  • @lvupkim4460
    @lvupkim4460 3 ปีที่แล้ว

    amazing contents, I've just subscribed.. and like it.

  • @fujiwara1977
    @fujiwara1977 3 ปีที่แล้ว

    hi, just wanted to say that i really enjoyed your crash course. just two things :
    a) when you added keep-alive in the layout. the individual movie page stopped getting updated when adding changes to the code.
    b) can i make a suggestion for the next video ) ? turn this project into a pwa )

  • @mylo1997
    @mylo1997 3 ปีที่แล้ว

    nice ilove it , i hope can see new project nuxjs from u

    • @JohnKomarnicki
      @JohnKomarnicki  3 ปีที่แล้ว +1

      Of course! Definitely more in the future!

  • @namng5422
    @namng5422 3 ปีที่แล้ว

    thank you so much John, could you make more nuxtjs clone project please!!!

    • @JohnKomarnicki
      @JohnKomarnicki  3 ปีที่แล้ว +1

      Yes, definitely will have more projects with nuxt!

  • @linhvu7520
    @linhvu7520 3 ปีที่แล้ว

    Can you create pagination for this project ?
    You video was greated

  • @tigrafale4610
    @tigrafale4610 2 ปีที่แล้ว

    Nice one thanks

  • @vantuang4574
    @vantuang4574 3 ปีที่แล้ว

    Thank you so much ♥️♥️❤️🧡💛💚💙🤍💜💜🤎🖤💘

  • @molikataing2823
    @molikataing2823 2 ปีที่แล้ว

    is there any blog api?
    I want to use blog.

  • @LostInRaccoonCity
    @LostInRaccoonCity 3 ปีที่แล้ว

    Amazing !

  • @shashannkkkk
    @shashannkkkk 2 ปีที่แล้ว

    Hello, while extending the default layout I am getting this messege repeatedly "Component name "default" should always be multi-word", how to solve this?

    • @JohnKomarnicki
      @JohnKomarnicki  2 ปีที่แล้ว

      This has to due to an update within the framework from the time this video was uploaded. The name just simply needs to be multi word. ie: HomeView

  • @navneethkotian4910
    @navneethkotian4910 3 ปีที่แล้ว

    Please make crud operation using vue 3 composition api and firebase

  • @charleslamarque5710
    @charleslamarque5710 3 ปีที่แล้ว

    Nice job, i follow your tutoriel and I deploy my own app on heroku but when i reload my page with dynamical id, fetch is not called. How do you resolved this ? thanks so much

    • @JohnKomarnicki
      @JohnKomarnicki  3 ปีที่แล้ว

      It’s hard to say without seeing your code

    • @charleslamarque5710
      @charleslamarque5710 2 ปีที่แล้ว

      @@JohnKomarnicki finally it's good. I think this problem came from the fact that the data management is locally and not from a real server like yours. again, thank for your great video

  • @EMonzon
    @EMonzon 2 ปีที่แล้ว +1

    thank you...

  • @cubedev4838
    @cubedev4838 2 ปีที่แล้ว

    Please make more clone using vuejs express

  • @amirtorabi3978
    @amirtorabi3978 3 ปีที่แล้ว

    I wish watch your netflix clone deploying using nuxt js

  • @mgmyo7066
    @mgmyo7066 2 ปีที่แล้ว +1

    this is nuxt js 3 tutorial?

    • @JohnKomarnicki
      @JohnKomarnicki  2 ปีที่แล้ว +1

      This is nuxt 2. I’ll have a nuxt 3 tutorial coming soon!

    • @ehizomokhomion4208
      @ehizomokhomion4208 2 ปีที่แล้ว

      @@JohnKomarnicki we're still waiting ooo... Thanks

  • @doladonald7728
    @doladonald7728 3 ปีที่แล้ว

    thank you so much

  • @asyncFlex
    @asyncFlex 2 ปีที่แล้ว

    bro how i can make a infinite scroll of movies ? with this api?

  • @pablogarciapda
    @pablogarciapda 3 ปีที่แล้ว

    Muchas gracias

  • @waseyhasankhan8167
    @waseyhasankhan8167 2 ปีที่แล้ว

    Can it be made without using Nuxt JS? A lot of love from India.

  • @miha7273
    @miha7273 2 ปีที่แล้ว

    I have a question. Could you replace the v-if with v-if="movie.title.includes(searchInput)" at 1:12:50 and not fetch the data again?

    • @JohnKomarnicki
      @JohnKomarnicki  2 ปีที่แล้ว

      Possibly, i think that would work!

  • @badasscoder4481
    @badasscoder4481 3 ปีที่แล้ว +1

    nuxt 3 is out

    • @JohnKomarnicki
      @JohnKomarnicki  3 ปีที่แล้ว +4

      I seen! Exicted to create a video using it!

    • @badasscoder4481
      @badasscoder4481 3 ปีที่แล้ว +1

      @@JohnKomarnicki Please make a video soon on NUXT 3.

  • @khizer3528
    @khizer3528 2 ปีที่แล้ว

    Next one should be Build and Deploy Amazon Clone with Vue JS .

  • @QueeeeenZ
    @QueeeeenZ 2 ปีที่แล้ว

    Tailwind CSS would have probably been a better choice than sass.

    • @JohnKomarnicki
      @JohnKomarnicki  2 ปีที่แล้ว +1

      Porobably! I’ve been utilizing tailwind more recently in my projects / tutorials on the channel

  • @danielrothwell5781
    @danielrothwell5781 ปีที่แล้ว

    Looks like they changed the setup in the update completely different ..bummer

    • @JohnKomarnicki
      @JohnKomarnicki  ปีที่แล้ว

      I'll be creating an updated Nuxt 3 crash course soon

  • @khizer3528
    @khizer3528 2 ปีที่แล้ว

    Build and Deploy Netflix Clone with Vue JS

  • @Flamey_Fox
    @Flamey_Fox 2 ปีที่แล้ว

    Awesome video! I love these Nuxt projects!

    • @JohnKomarnicki
      @JohnKomarnicki  2 ปีที่แล้ว +1

      I’m glad to hear that! Thanks for watching