Тёмный

Why use Nuxt.js? | 7 Problems you can avoid by using Nuxt.js for your next Vue app 

Vue Mastery
Подписаться 72 тыс.
Просмотров 109 тыс.
50% 1

Опубликовано:

 

13 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 127   
@shuttereff3ct593
@shuttereff3ct593 3 года назад
I remember watching this video one year earlier. And now I'm better understanding the practices and problems nuxt are trying to solve. Nice framework .
@_nom_
@_nom_ 4 года назад
The problem I have with nuxt, vue and all of that is no matter how much I research them, they lead to more research to the point I'm crippled in my ability to create something practical.
@JoshuaKisb
@JoshuaKisb 4 года назад
whenever you find something you like you have to create something with it
@AQHackAQ
@AQHackAQ 3 года назад
What's preventing you from stopping researching and just start doing? Premature optimization is the root of all evil. Just do it first, and deal with the problems later. If Facebook can start off with PHP, you'll be fine with barebones Vue.
@milkyway9225
@milkyway9225 2 года назад
use React
@daleryanaldover6545
@daleryanaldover6545 2 года назад
Well that is web development in general (might as well as programming), and the fact that everything is always moving forward and change often happens in the industry. One always find ways to learn something new everyday, even senior devs also had to keep up with the trend (especially if the company requires it).
@suraiyaaysha
@suraiyaaysha 4 года назад
Thanks a lot to you. Every time you teach us difficult topics very easily. That's why I love to learn from Vue Mastery.
@Nif3
@Nif3 5 лет назад
Hey Gregg! Sorry for the unrelated comment but I recently wondered what happened to the CodeSchool team and it's great to see you around! I've gotten my start on JS frameworks years ago with your AngularJS course and now that I'm looking into Vue I can't think of a better dude for the job. You rock my man, stay fresh.
@SafetyLast-_-
@SafetyLast-_- 2 года назад
Same here, man! A lot of courses were watched at CodeSchool. All the best for Gregg!
@daleryanaldover6545
@daleryanaldover6545 2 года назад
I still have some of the pdfs from CodeSchool. I remember watching his video about Nodejs and not understanding anything 🤣.
@nonahyobusiness8063
@nonahyobusiness8063 5 лет назад
Uh... Vue CLI 3 gets you mostly there, right?
@prelude0133
@prelude0133 5 лет назад
Nicely explained with informative slides. Definitely going to check out nuxt now. Thanks you for the upload
@alexandros-markovits
@alexandros-markovits 5 лет назад
Nuxt is indeed really great!
@AvPWorld
@AvPWorld 5 лет назад
Great video. Nuxt is the best framework.
@hackel137
@hackel137 5 лет назад
Would be very interested in seeing a video specifically contrasting Nuxt with vue-cli. I'm sure there are advantages and disadvantages to each. I find it very odd that this video didn't even mention vue-cli.
@juliamihet4237
@juliamihet4237 4 года назад
vue-cli is just a cli for Vue.js. Why would somebody compare a cli with a framework?
@hackel137
@hackel137 4 года назад
@@juliamihet4237 vue-cli basically let's you quickly put together your own custom framework, with many of the same features as Nuxt, but using first-party tools (or substituting whatever you want). Nuxt is just too opinionated. I much prefer the Unix philosophy of combining multiple small tools that each do one job very well.
@IMADETHISACCFORRAY
@IMADETHISACCFORRAY 3 года назад
@@hackel137 Well, some people like opinionated frameworks like me. It saves me a ton of time so that I can focus on the core logic & value of the application.
@KamelJabber1
@KamelJabber1 5 лет назад
lol, what are you looking at? does the script keep moving to the left and right of you or are you pretending to look at the overlay animations....must know...
@VueMastery
@VueMastery 5 лет назад
Kamel Jabber lol. I was looking at the script. Strategically placed so it looked like I was looking at the screen. 😂
@TheViktors11
@TheViktors11 3 года назад
Does the Vue Cli-3 cover some of these problems and would one say that learning Nuxt is less important now?
@aligajani
@aligajani 3 года назад
Nuxt uses Vue.
@assorium
@assorium 5 лет назад
And what is the difference from current vue-cli?
@tkdevlop
@tkdevlop 5 лет назад
Better folder structure Easy routing Seo support Intial page load faster.
@assorium
@assorium 5 лет назад
@@tkdevlop -cli has good folder structure too, really can't see what is better by nuxt -just because you can create file? and what to do with settings, meta, naming, params? do not see really any dificulties with editing one single small file -as I can guess you can install only one plugin and will have SEO too -how? cli loads emty html with one js and css file, that can also be split up
@hyp3ri0nn
@hyp3ri0nn 5 лет назад
@@tkdevlop Nuxt is useful for lazy & noob Vue developers... Any high-end JS developer won't have problems while producing with vue-cli... Btw if you don't know JS in advanced level don't produce any app !
@Quabbe2
@Quabbe2 5 лет назад
@@hyp3ri0nn Aren't the best developers lazy by default?
@ricardobreddels123
@ricardobreddels123 5 лет назад
@@Quabbe2 Amen brothaa
@jshrssll
@jshrssll 5 лет назад
"building production ready apps" - the benefits listed are all provided with the Vue CLI? That's hardly a benefit of Nuxt...
@themetracktor9574
@themetracktor9574 5 лет назад
Nuxt is server side.
@morph85
@morph85 5 лет назад
The horror you get from configuration of third party modules as well as inability to flexibly use global client side vars like window or document would distance you away from nuxt as far as possible.
@jshrssll
@jshrssll 5 лет назад
​@@themetracktor9574 Sure, but my comment is abstracted from anything to do with server side. Having a "production ready app" should not be hinged on SSR regardless.
@Andrey-il8rh
@Andrey-il8rh 5 лет назад
@@jshrssll production level app is a very broad term and can mean a lot of different things
@jshrssll
@jshrssll 5 лет назад
​@@Andrey-il8rh agreed, but the specific examples in the video were VueX, Vue Router, a proper folder structure etc. All these things are achievable with Vue CLI or just by using your own brain. More and more I see developers relying on bespoke tooling that's masked with voodoo rather than just learning how the damn thing works.
@amani_art
@amani_art 5 лет назад
Basically what rails does for developers. Less configuration. I love it
@bendo01
@bendo01 5 лет назад
nuxt is great but some vue plugins don't compatible with nuxt, when using vue-cli i follow best practice that nuxt implemented
@KlaudiusL
@KlaudiusL 5 лет назад
@3:45 💖💖
@Maartz
@Maartz 5 лет назад
Nuxt is a very good framework, if you want to do it on your own, just please, do not use it ... and please stop complain about it.
@darith27
@darith27 2 года назад
I'm seeing the nuxt codesandbox project now uses yarn. Is that what we should all be using as the latest best practice when running nuxtjs?
@bestibitoyerotimi9798
@bestibitoyerotimi9798 5 лет назад
what is the intro and outro beat/music you use for your videos. I really really love it, I could play it in the background while I code. Can it sheared?
@raffyraff4228
@raffyraff4228 5 лет назад
It solves 7 problems but add multiple bugs on top of vue.js bugs.
@user-qr1cu5ji2w
@user-qr1cu5ji2w 3 года назад
ありがとうございます!知りたいことが理解できました
@martixy2
@martixy2 5 лет назад
Video making tip: Put your teleprompter thingie somewhere higher.
@biplobshaha2829
@biplobshaha2829 2 года назад
Thank you😊
@marcunnocello3092
@marcunnocello3092 3 года назад
So we are using vue.js to create a single page application, right? So now we are using nuxt.js to make the vue.js application to a multi page application... Well, imma make a new framework so we can create a nuxt.js application as a single page application :) All these js frameworks on top of js frameworks, combined with css frameworks combined with frontend frameworks like ionic 5 so we can make pwa combined with a backend containing js frameworks on js frameworks This shit is just crazy. Framework do have their place. But one should think about the purpose of an application before building it. If you want it high ranking in the search engine, don't build a single page application. If you need a single page app/ real time app then use a framework. If you need both, split them. Have one website under www.domain.com Have your app under app.domain.com. Link from the website to your app.
@yogeshv6799
@yogeshv6799 4 года назад
I wonder why $nuxt variable is not readily available to be used in nuxt-ts project(maybe in nuxt js project too)! Same goes with $apollo.
@IvanJuras
@IvanJuras 5 лет назад
Will you cover Gridsome when it comes out?
@boots3372
@boots3372 5 лет назад
Just use Vue-CLI, and your brain. None of these problems are real.
@ve4154
@ve4154 5 лет назад
Exactly what I was thinking 🤭
@RaajNishanthS
@RaajNishanthS 5 лет назад
True!!
@providenceifeosame6126
@providenceifeosame6126 5 лет назад
😂😂😂
@batisteo
@batisteo 5 лет назад
Why using Vue-CLI when you can use ES5 and your brain?
@Maartz
@Maartz 5 лет назад
Why not using Angular app to render a Vue app both created with CLI ?
@Meleeman011
@Meleeman011 3 года назад
could also just use svelte, and organize your code into pages and use a router.
@abidemitiamiyu3493
@abidemitiamiyu3493 5 лет назад
lovely tips thanks... time to try nuxt out
@syedbabarali1
@syedbabarali1 5 лет назад
I am new in Vue js i want to create a vue application with vue+vuetify+.net or webapi . Kindly tell me what is best practice. Or anyother .net or .entity framework library
@doublemarvellous5525
@doublemarvellous5525 3 года назад
I love Nuxt so far but think the visual flow diagram things in the docs are pretty hard to follow. Otherwise I love it. Sooo fast
@masudosman6543
@masudosman6543 5 лет назад
how do i access window global object's property from vue component??
@sharif5431
@sharif5431 5 лет назад
Using Nuxt with Typescript is a pain to set up and with vuex Typescript, there are no official docs
@rickyu1978
@rickyu1978 5 лет назад
What are the problems with NUXT, waiting for that in the next video? --- Don't i need a node server for server side apps? Right now , i can deploy my static site with cloud functions to netlify or S3 with continuous integration. If i choose NUXT as a server side app, i need to find a high end node server and manage all the server security and everything that goes along with that... - am i wrong, i would like to be wrong as this is the only reason i have stated away from nuxt for the time being.
@Andrey-il8rh
@Andrey-il8rh 5 лет назад
Yes, you are in fact wrong ;) Nuxt supports 3 different modes of building your app, one of which is a fully generated web site that doesn't need any complex server
@rickyu1978
@rickyu1978 5 лет назад
I mentioned that ' if i choose nuxt as a server side app ' .. then i need a node server.. is this wrong?
@rickyu1978
@rickyu1978 5 лет назад
so the mode you suggest is basically vue with opinionated folder structure and routing for dummies? ;) - im fine with plain old vue for that... i am interested in the ssr but that does need a node server.
5 лет назад
Hi team, I love working with Vue. As a beginner, my question is that can NUXTJS help us to hide our API keys from client-side? If it can, would you be able to share the related documentation link?
@rickyu1978
@rickyu1978 5 лет назад
i guess NUXT will need to sit on a node server somewhere, and you can store your API keys in a process.env file and then include that as you would normally as process.env.SECRET_API...... or store it in webpack somewhere.
@Operaatoors
@Operaatoors 5 лет назад
Well, as others has already implied, I have counter question - why use regular Vue instead of Nuxt?
@daleryanaldover6545
@daleryanaldover6545 2 года назад
Use regular Vue if: 1) You simply want to build a website that is static while also having the benefits of data reactivity. 2) You don't wanna use React and Angular
@code-to-design
@code-to-design 5 лет назад
What about quasar?
@dasten123
@dasten123 5 лет назад
is good!
@TarekFaham
@TarekFaham 5 лет назад
I am using Angular... How does this fit with Nuxt? I'm confused. Please explain.
@abhishekjha831
@abhishekjha831 3 года назад
it doesn't
@user2595
@user2595 3 года назад
should i learn vuejs first? or can i start with nuxt?
@daleryanaldover6545
@daleryanaldover6545 2 года назад
start with Vuejs, then come back to nuxtjs if you wanted to take advantage of the features it provides
@vinny142
@vinny142 5 лет назад
So.... Nuxt is bascially required for 99% of what people do with vue these days... so why isn't it part of the vue core? I see that a lot in the Javascript world; frameworks like react and vue are extremely popular, but you always need external libraries to make it work. An app basically cannot work without state so why is vuex a separate thing? Any website that takesitself seriously will rewuire SSR so why is Nuxt a separate thing? Don't tell me that it's because you can choose another library, because no, I can't.If I want to produce software that can be maintained by my collegues at diffeent companies then I must choose a popular, well documented library. Let me put it another way: in the PHP and Python world, there are no frameworks that provide only part of the stuff you need. They all have ways of talking to the database, ways of doign authentication etc. They *never* require that you figure out which library you can use to mae the thing work. Again I feel that the Javascrpit world is re-inventing the wheel of application development and making all the mistakes that the rst of the development world has fixed decades ag.
@gonzoartemis2503
@gonzoartemis2503 5 лет назад
True dat! However, in the case of Vuejs it was meant to be like that... being a 'progressive' framework that can be implemented gradually according to the needs. Still, I generally agree with you.
@JoshuaKisb
@JoshuaKisb 4 года назад
server side frameworks have the benefit of only generating what you need and dont need to all be sent into the browser. basically without good codesplitting that would be a nightmare. Evan talks about the design decisions in a few talks. a big framework like Angular vs a small library like React, Vue sits in the middle with an aim to serve all kinds of different users . when i am creating an admin dashboard, i dont need ssr when am intergrating vue on only a small part of a page as a jquery replacement, i dont need state. and most time people never use the router its a progressive framework vuex and router still maintained by official vue team so no big deal
@RootsterAnon
@RootsterAnon Год назад
can you please private this video since it's 4 years old and it was recommend to me today. Tnx.
@mrokar108
@mrokar108 5 лет назад
nuxt using server rendering so why its could be better than php?
@lancerino765
@lancerino765 5 лет назад
Yes. It beats laravelvue combonation.
@felipecoelho8112
@felipecoelho8112 5 лет назад
best idea ever
@scottamolinari
@scottamolinari 4 года назад
You all should have a look at Quasar Framework. Does Nuxt stuff and a whole lot more.
@abhishekjha831
@abhishekjha831 3 года назад
thats spa not ssr
@scottamolinari
@scottamolinari 3 года назад
@@abhishekjha831 What's SPA, not SSR? Quasar? Look again.
@abhishekjha831
@abhishekjha831 3 года назад
@@scottamolinari thanks dude. Found quasar ssr docs and looks quite capable. I am using quasar but was just looking into nuxt for ssr only. Now dont see any use for nuxt except it being bunch of conventions that anyways all projects should try to adopt.
@abulsyed4851
@abulsyed4851 3 года назад
@@abhishekjha831 Hi man what you think of nuxt vs quasar now? Really like vue.js. You think I should try quasar, like you mentioned dont see any point using nuxt since quasar offers ssr and much more.
@MithileshMusic92
@MithileshMusic92 5 лет назад
isnt this the same as Next.js for react? well giving a proper structure to react and vue apps is what next and nuxt is doing isnt it
@daleryanaldover6545
@daleryanaldover6545 2 года назад
a framework for a framework: a Meta Framework
@sirdad9784
@sirdad9784 5 лет назад
Now someone is going to make another sub-framework for nuxt ....i dont think i need to read more docs i rather handle the configs than keep learning these framworks .Vue-cli is enouph.. thanks
@ahmedswerky9700
@ahmedswerky9700 5 лет назад
The only thing i use nuxt for is SSR Because all these other 6 reasons aren't really that helpful
5 лет назад
Blade/php runs in the server and returns html to the client right?
@dasten123
@dasten123 5 лет назад
Sounds great, but those problems don't apply to my project
@this.channel
@this.channel 5 лет назад
Is nuxt.js anyway related to next.js?
@lancerino765
@lancerino765 5 лет назад
Nuxt is server side framework for Vue while Next is for React.
@masudosman6543
@masudosman6543 5 лет назад
I tried to intigrate mdbvue to nuxt and it didn't work, please solve the problem
@fanxxai
@fanxxai 4 года назад
It's literally not so good as it lacks many direct server features
5 лет назад
How to have styles by layout? Nuxt is just applying the default styles to whatever layout.
@esraaali1857
@esraaali1857 3 года назад
Hi, can we use jsx with Nuxt?
@TheGajos
@TheGajos 5 лет назад
Is it possible to convert Nuxt.js to Android while it's using server side rendering?
@daleryanaldover6545
@daleryanaldover6545 2 года назад
No, use React if you want to have native android frontend for your project
@jeremykothe2847
@jeremykothe2847 5 лет назад
Moving from one Nuxt application to another is super-simple? Best-practise folder arrangement? Are we 12? fwiw: that folder arrangement is hiding your actual application behind an arbitrary view of the world dictated by nuxt. Are you writing "a nuxt application" or are you writing "an application". It's awful practise to have your application hard-tied into a framework. See: MVC for reasons why.
@gregs_on_tracks
@gregs_on_tracks 5 лет назад
That part is totally optional. You can disable all parts of nuxt you don't like.
@delita0057
@delita0057 3 года назад
i ddint knew zayn malik is coding vue too..
@osmanaktas77
@osmanaktas77 5 лет назад
I hate third party app like that.. I love pure Vuejs
@samirm
@samirm 5 лет назад
vue is third party...
@asdasddas100
@asdasddas100 5 лет назад
Nuxt is pretty awesome dude
@jasondark3758
@jasondark3758 5 лет назад
I guess binary is your thing.
@hehehe3566
@hehehe3566 3 года назад
Hmmmm
@MylesGmail
@MylesGmail 5 лет назад
I tweeted this
@heyyy4987
@heyyy4987 5 лет назад
more real courses will be nice..
@heyyy4987
@heyyy4987 5 лет назад
pratical. medium and large applications. deploy etc..
@luismunoz9126
@luismunoz9126 3 года назад
next js
@StEvUgnIn
@StEvUgnIn 3 года назад
Don't use Nuxt. Use vue
@swildermuth
@swildermuth 5 лет назад
Please stop looking at your cheat sheet, it's very distracting...
Далее
HOW TO: Create a Nuxt.js app
15:54
Просмотров 16 тыс.
3 Must Know Tips For Nuxt.js Developers
9:23
Просмотров 9 тыс.
Почему не Попал?!
00:15
Просмотров 67 тыс.
Evan You on what's coming in Vue 3.0
39:21
Просмотров 83 тыс.
Nuxt Explained
8:33
Просмотров 27 тыс.
You're Probably Using Nuxt Wrong
5:16
Просмотров 23 тыс.
Getting Started with Nuxt 3 | A Beginners Guide
8:03
Why the Vue 3 Composition API?
7:33
Просмотров 126 тыс.
Do you REALLY need SSR?
18:15
Просмотров 170 тыс.
The Nuxt big thing in web development?
4:55
Просмотров 656 тыс.
7 Amazing Developer Tools that you're not using yet
6:27
Vue and Typescript | When to use it
9:15
Просмотров 30 тыс.
NEW Folder Structure in Nuxt 4
16:50
Просмотров 13 тыс.
Почему не Попал?!
00:15
Просмотров 67 тыс.