Learn NUXT 2 by Example - A Crash Course for Beginners

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 พ.ย. 2024

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

  • @DesignCourse
    @DesignCourse  6 ปีที่แล้ว +9

    Make sure to SUB! My answer for today's question: I'm working on my first serious project using Nuxt (surprise!) and a Laravel backend for my second YT channel. It's almost finished, but not quite yet. I'll show everyone once it's complete!

    • @hamzanouali6051
      @hamzanouali6051 6 ปีที่แล้ว

      Hi Simon, are you using Nuxt in SSR mode with laravel or just what's called universal mode ?... I want to integrate Nuxt with Laravel without complicating things with V8js and SSR ..etc, is there any solution for integrating these frameworks to be SEO friendly ? I've answered your question for this course, it's below.

    • @SunsetRacer
      @SunsetRacer 6 ปีที่แล้ว

      Good luck mate :)

    • @geoffreylee1780
      @geoffreylee1780 6 ปีที่แล้ว

      Hi Simon, what is status of integrate Laravel and Nuxt?

  • @chrisleyva
    @chrisleyva 6 ปีที่แล้ว +7

    I have worked on & deployed several apps using all of the above: Angular, React, and Vue.
    But my current project is a Nuxt 2 app (my first Nuxt app), with an express server (using Nuxt's serverMiddleware feature), Firebase Auth for authentication, Firestore as my database, and Bootstrap-Vue for frontend (though I almost used Vuetify).
    Since I had a very tight deadline to get this app out-the-door, I didn't get to use Typescript in my Nuxt app. But I would like to slowly translate all my Javascript files to Typescript as I have the time.
    EDIT: I forgot to mention, I deployed my nuxt app on AWS' Elastic Beanstalk. I had to use a t2.medium instance because anything smaller kept failing during deploy and I think it has to do with the npm install of the package.json. From my experience, it seems to be too resource-heavy for anything smaller than a t2.medium instance.

  • @monkbearsfruit
    @monkbearsfruit 5 ปีที่แล้ว +6

    Would love to see a nuxt + contentful portfolio site course

  • @Frank2tek
    @Frank2tek 5 ปีที่แล้ว +1

    Nice Video! I've been working with Vue for about a year and i will never go back to Angular or React. Now i'm planning to use Nuxt as my main front-end framework.

  • @etiennebruines467
    @etiennebruines467 6 ปีที่แล้ว +2

    Near the end of the video, I thought:
    - "I'll never use this, deployment requiring to run a binary isn't as widespread"
    But then you showed `npm run generate`. Mind blown. Looking forward to the rest of the series now.

  • @siya.abc123
    @siya.abc123 6 ปีที่แล้ว

    This tut could not have come at a better time. Almost going live with my nuxt 2 app. Thanks Gary ❤️

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

    This is a great tutorial. I like the way you explain the shortcuts in VS Code too. Really looking forward to the next video. CRUD with Firebase maybe ;)

  • @parasarora5869
    @parasarora5869 6 ปีที่แล้ว +5

    sadly...not yet...currently improving basics and learning webpack npm and es6 in deep

  • @Tajdev
    @Tajdev 5 ปีที่แล้ว

    I like page transitions. Looks gorgeous.

  • @Afghah
    @Afghah 6 ปีที่แล้ว +2

    I've done both React and Angular but I'm looking to use Vue on my next project

  • @handle13699
    @handle13699 6 ปีที่แล้ว

    Not yet, just following up your tutorials to build my fist Vue App! Thanks for the good content.

  • @shahbozabdullayev5583
    @shahbozabdullayev5583 4 ปีที่แล้ว

    Yes, I've deployed To Do List. Obviously, React was the first framework for my To Do List but I found it very hard for the little app, so decided to try Vue.js and that was pretty easy to get what I needed. If you agree that Vue is not complicated (like managing state) let me know.

  • @RobertoCifuentesOficial
    @RobertoCifuentesOficial 5 ปีที่แล้ว +1

    Hi Gary, to get rid of the second description, just add the propoerty hid: 'description' in the about page. nuxtjs.org/faq/duplicated-meta-tags/
    Now you can have a default description wich is subsituted with the description in the pages that have one.
    Great job making these videos. Finest resources for online learning!

    • @dizzyrocket2000
      @dizzyrocket2000 4 ปีที่แล้ว

      Looking for this comment! Thank you

  • @RuudvanZuidam
    @RuudvanZuidam 6 ปีที่แล้ว

    Nice intro into Nuxt 2 Gary, looking out to a Nuxty in-depth series

  • @tompearson6540
    @tompearson6540 5 ปีที่แล้ว +2

    If you're using the Vetur extension it looks like the 'scaffold' snippet has been replaced with 'vue'

    • @cmcoto
      @cmcoto 4 ปีที่แล้ว

      Thanks! I was going crazy trying to get the scaffold working!

  • @tkdevlop
    @tkdevlop 6 ปีที่แล้ว

    In react, world nuxt is just a mixture of create-react-app, gatsby js, nextjs

  • @hardcodd
    @hardcodd 5 ปีที่แล้ว

    This is amazing! It would be pretty cool if you made a tutorial how to create and deploy simple nuxt webapp + django as backend. Or maybe do you have a course about that? Thank you so much for your videos!!!

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

    Nice One and Can you have for Vuex and Composition API with Nuxt JS

  • @alexandros-markovits
    @alexandros-markovits 6 ปีที่แล้ว

    Nuxt is really awesome! Created one web app already and designing my personal one now, its great working with it

  • @minli8394
    @minli8394 6 ปีที่แล้ว +1

    For some reason "npx create-nuxt-app " gives me old 1.4.4 nuxt version.
    How can I update it?
    yarn create nuxt-app give latest 2.x version

  • @jadsonjs
    @jadsonjs 6 ปีที่แล้ว

    Very good Introduction.

  • @hailudinh2585
    @hailudinh2585 5 ปีที่แล้ว

    great! I love it. Hope can see more video about this. Thanks a lot!

  • @BruceEngelbrecht
    @BruceEngelbrecht 6 ปีที่แล้ว

    Thanks for the great tut - looking forward to some more Nuxt stuff :)

  • @sneaky-Jay
    @sneaky-Jay 6 ปีที่แล้ว +1

    i like how we can see through your green circles on your T-shirt : )) cuz they're green

  • @rifatspk
    @rifatspk 5 ปีที่แล้ว

    Nice Tutorial. Thanks

  • @ishan101
    @ishan101 6 ปีที่แล้ว +1

    Awesome tutorial, Thanks !!

  • @geoffreylee1780
    @geoffreylee1780 6 ปีที่แล้ว

    I already used Vue in where I worked, by implement vue into Yii Framework, but due to yii framework environment, I am not able to fully utilize Vue feature especially components. So I just use for display data and manipulate it.

  • @wyvern274
    @wyvern274 5 ปีที่แล้ว

    Whenever I generate my SPA it breaks all of my plugins, help?

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

    What value does all these crash courses have?

  • @Programming-Fun-With-Hima
    @Programming-Fun-With-Hima 5 ปีที่แล้ว

    We need more of nuxt, Master..
    Thanks in advance sir..

  • @JonasGalvez
    @JonasGalvez 6 ปีที่แล้ว

    Hi, Nuxt 2 team member here -- this might not have worked in the past, but since Nuxt 2, changing nuxt.config.js will cause a full restart. I've just tried the same example, changing the mode from universal to spa and it worked for me. Do let me know if you think this is indeed happening for you.

  • @nayanchoudhary4353
    @nayanchoudhary4353 6 ปีที่แล้ว

    Created with Nuxt, but didn't deploy it. I'm very focused on minimizing the load time, decrease time to render the page, and on demand loading of pages. Still haven't understood the tricks completely. So, not deployed any app.

  • @affri8067
    @affri8067 6 ปีที่แล้ว +1

    Awesome Nuxt 🍻♥️

  • @blokche_dev
    @blokche_dev 6 ปีที่แล้ว

    Waiting for more! :P

  • @GilbertTanner
    @GilbertTanner 6 ปีที่แล้ว

    I have created my website using Angular and Firebase but I haven't done a React or Vue project yet.

    • @GilbertTanner
      @GilbertTanner 6 ปีที่แล้ว

      Link: programmingwithgilbert.firebaseapp.com/

  • @svnbit8408
    @svnbit8408 4 ปีที่แล้ว

    Anyone know how to sequence other elements during leave and enter page transitions?

  • @dreamfighters2742
    @dreamfighters2742 6 ปีที่แล้ว

    sadly never deploy any of those three but im learning them

  • @bigfoot131
    @bigfoot131 6 ปีที่แล้ว

    Pls next tut on nuxt include scss. And thnx for making my day was kinda having a bad one.

  • @AbhishekKumar-mq1tt
    @AbhishekKumar-mq1tt 6 ปีที่แล้ว

    Thank u for this awesome video

  • @jalipenorunner
    @jalipenorunner 5 ปีที่แล้ว

    Great video if you have time.

  • @afifassihab7953
    @afifassihab7953 6 ปีที่แล้ว

    i am using vue right now

  • @mikyasayele5660
    @mikyasayele5660 5 ปีที่แล้ว

    THANK YOU THANK YOU!

  • @Anstroy95
    @Anstroy95 5 ปีที่แล้ว

    What things should I have learned already before going into Nuxt.js and Vue? I only know HTML, CSS, JS and computer science

    • @Nihalmoneymaker
      @Nihalmoneymaker 5 ปีที่แล้ว

      how r going to learn computer science

    • @Anstroy95
      @Anstroy95 5 ปีที่แล้ว

      @@Nihalmoneymaker I have an associates in CS

  • @georgechristman
    @georgechristman 5 ปีที่แล้ว

    I'm just curious if your browser is reloading on save? I seem to have to manually refresh my browser with every save.

    • @RobertoCifuentesOficial
      @RobertoCifuentesOficial 5 ปีที่แล้ว

      It's an automagic feature of the default nuxt server when you "npm run dev"

  • @NekapitAl
    @NekapitAl 5 ปีที่แล้ว

    where is the continue?

  • @alileus
    @alileus 6 ปีที่แล้ว

    Yes! filmfly.io angular/firebase and 3rd party APIs

  • @johnnytang5044
    @johnnytang5044 6 ปีที่แล้ว

    thanks sir

  • @bloggervista
    @bloggervista 6 ปีที่แล้ว

    deployed next.js app it was nice experience

  • @natqe4049
    @natqe4049 6 ปีที่แล้ว

    angular

  • @jsonkody
    @jsonkody 6 ปีที่แล้ว

    Today's answer: YES, I creted and deployed app with Vue.

  • @wheres_bears1378
    @wheres_bears1378 5 ปีที่แล้ว

    lol at your heading titles

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

    Thank you for this. However, "meta" is not pronounced like "beta". It's pronounced like "metta".

  • @christopherstock8670
    @christopherstock8670 6 ปีที่แล้ว

    Yup. I made this cambridgeservicedrooms.com using Vue, Nuxt and Vuetify.

  • @thesonicblender
    @thesonicblender 5 ปีที่แล้ว

    ... feels a lot like vue-router's implementation of router links, is there any relation? @DesignCourse

    • @floodlitworld
      @floodlitworld 5 ปีที่แล้ว

      Yes. Vue-router is part of the Nuxt package.

  • @bloggervista
    @bloggervista 6 ปีที่แล้ว

    bro why dont u use linux or mac? in windows 10 i dont want my file deleted

  • @alihameed2457
    @alihameed2457 6 ปีที่แล้ว +2

    1st comment 😎

  • @Algebrodadio
    @Algebrodadio 5 ปีที่แล้ว

    Deez Nuxt's!

  • @shantanukulkarni5940
    @shantanukulkarni5940 6 ปีที่แล้ว +1

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

    Skillshare has the worst courses. Mostly substandard and incomplete. Udemy is much better.

  • @simbarashemaunga5575
    @simbarashemaunga5575 5 ปีที่แล้ว

    Seriously 🙄

  • @abdel-rahmangad3368
    @abdel-rahmangad3368 6 ปีที่แล้ว

    second comment

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

    It's not your best tutorial

  • @eglintonflats
    @eglintonflats 6 ปีที่แล้ว

    Crap