Why Use Nuxt JS 3 Beta?! (Vue.js 3 With Nuxt Tutorial!!)

[@Sky_ye]

21:20 Basically that error are shown by Vue Router same way in non-nuxt projects, without having single root element page template even if you'll setup transition it wont work for pages without single root element. That rule applies only for pages, components can have multiple root elements in most cases without any problem like that.

[@willyguillard2897]

i have so much to learn between vue and nuxt. It's the most interesting thing to learn right now. thank you again for this amazing show of nuxt.

[@cnikolov]

Eric you are always ahead of the game thanks for doing my homework haha

[@badasscoder4481]

Thank you Erik. Now you are my favorite DEV KZbinr. I did not watch this video yet. But I am sure after watching Nuxt 3 will be easy to me.

[@ProgramWithErik]

Wow, thanks!

[@eliuddyn]

Almost 100k 🔥🔥

[@ProgramWithErik]

So close!

[@jaymartinez311]

I was waiting for this!

[@xav112]

Thanks for sharing! Learned a lot ❤️

[@dev-am1303]

Thank t=you Erik! well explained, I really enjoyed learning Nuxt 3 with your instructions. And it is my first time using it.

[@hasiburrahman1461]

I'm really wating for this video. Thanks

[@Tundrian12]

Can you talk about Nuxt3 state management next? Curious if the new useState functionality has persistence and can really replace vuex?

[@eMeRiKa]

would love to have an answer about that!

[@gyenabubakar]

Great video Erik. You earned a subscriber! Please what theme are you using?

[@Kingside88]

you explained it so well. Thank you Erik! :-)

[@ProgramWithErik]

You're very welcome!

[@alizokaei6239]

i learned vue and nuxt with erik...♥♥♥🍎

[@QtheCoder]

finally yay!

[@jimmyj.6792]

Nuxtify the world ❤️

[@bombrman1994]

this was cool to code along I like these kind of videos. It's sets me up with a nice template work experiment with further

[@gmkhussain]

Great thumbnail... stay classy Impact 🎉🌟

[@Mechetle]

found this really useful thanks!

[@alexArgItaly]

Hi, do you know how to access the "$route" object from inside the block? You accessed it from the template using "$route".

[@pointgbreak]

"const route = useRoute()"

[@ProgramWithErik]

Yup see @horace comment!

[@alexArgItaly]

@@ProgramWithErik Thanks for your answer, I really like your videos, I follow you, thanks for sharing what you know.

[@Ilya-di4ok]

Wait for it.

[@mrleblanc]

Nice we can use optional changing in template now ? It doesn't work in Nuxt 2 from what I remember

[@Useroelas97]

thank you brother 😉 👍

[@coderoutemedia2969]

Really nice intro, please can u make an in-depth video of how to best handle api calling between components and vuex store in ts as well

[@avocado_vhs_lite]

Это реально магия. Для меня это что-то новое. Спасибо за инфу. Лайк и подписка

[@mrleblanc]

Thanks ! But I did not understand the part about /api/test ? Why wouldn't you use an useAsyncData directly in the page like in Nuxt 2 ?

[@theTechSimple]

Thanks, which font you are using for vs code?

[@meffmara647]

Thanks 👍

[@Isusia]

How about review latest Quasar?

[@ada.blahblah]

Nice video! But I have a question about data fetching from api, so when we need to request web apis from other server side, we have to create a new file in server/api? Can we just request in a .vue file directly?

[@yabuking84]

Will there be named, router and anonymous middleware? From the docs it seems to be only for server-side. Been searching it but couldnt find any. Thank you!

[@0x4d46]

Woah, what command was it that replaced the quotes with backticks at 11:51?

[@KxKuK]

If you're in vim mode you can do cs'`

[@atbui4079]

Great! you help me save a lot of time

[@FrankDecker3]

Hi Erik, I got this message after using script setup: [nuxt] [request error] Cannot read properties of undefined (reading 'setup')

[@vals484]

AWESOME!

[@ProgramWithErik]

Thanks!

[@i3looi2]

Is it safe to hardcode api tokens in the server files/component ? Or can those file's code be exposed from clientside ?

[@tiborszabo3716]

What's with the nuxt3 now? roadmap was about maybe stable @dec 2021 but not a single news since @oct 2021.

[@OzoneGrif]

Very nice. I wonder if there are plugins to make the server-side less cumbersome. Hitting req and res directly isn't very optimal.

[@i3looi2]

For Vue u need nodejs only on development, you can deploy it as a Js/html foldder on any hosting after building the project. Is this also true for nuxtjs ? Or do you need nodejs on the hosting as well ?

[@alimosbah]

Can you do a course on Nuxt Js

[@ProgramWithErik]

Yes, I'll be doing a newer course. I do have an older course if you like to check it out. school.programwitherik.com/p/create-awesome-vue-js-apps-with-nuxt-js

[@mrleblanc]

Is there any replacement for $nuxt.$loading.start() ?

[@eMeRiKa]

one thing I don't understand is ":src="show.show?.image?.medium" the "?." what is that? what is the name of that? Thanks

[@nethsarasandeepaelvitigala135]

in typescript or es2020 or later javascript, you can access a member of a object only if that object exists, so it prevents "cannot read xxx of undefined" | "cannot read xxx of null" runtime errors.Here, what this basically does is first checks if there's a "show" member in show, if there i,s then checks if there's "image" member in show, then only access medium if image exists(also indictes that "show" existed).

[@eMeRiKa]

@@nethsarasandeepaelvitigala135 thanks a lot for your answer! What a nice (new) feature

[@nethsarasandeepaelvitigala135]

@@eMeRiKa You're welcome, btw there are lots of new features in JS nowadays .You can safely use them if you create a webpack(or any other bundler) and Babel workflow.And most are also supported in Typescript.JS is getting better by the day!!

[@dhwajsharma]

Vscode theme?

[@maskman4821]

This is a pretty awesome Nuxt 3 tutorial, Nuxt 3 is very powerful, really impressed, can't wait to dive it 😎

[@jleu3482]

Is there any github code

[@muhammadasifulislam1552]

Great

[@SyamsulAmin1791]

How to desctructur toRefs in ? return { ..toRefs(state) }

[@mrleblanc]

There is no return in script setup, everything is accessible directly

[@yabuking84]

Man, I'm having a hard time generating static website pages in Nuxt 3. On nuxt 2 you do nuxt generate, how do you do that ibn Nuxt 3?

[@marcelmueller1982]

It’s not possible at the moment. Crazy, SSG is the only Feature why we need Nuxt, otherwise we could do this with plain Vue 3.

[@javadnoroozi3476]

thanks a lot

[@ProgramWithErik]

You are most welcome

[@danielschmider5069]

Why do you have to manually restart the server so often? that defeats the whole purpose of hot-reloading. Is this a Nuxt issue? Can it be fixed?

[@xMrAfonso]

Svelte VS Nuxt?

[@gabrielverde5649]

Amazing content, clear and objective. But I fear composition api just turned vue into react. Became confusing and opened the code to bad practices.

[@papajohnsuk5965]

couldnt agree more...

[@masoud1128]

It Turned vue into svelte ^^

[@cybanjar4070]

How to using vuex/store in nuxt 3?

[@cvt5523]

Changing the layout didn't work with the current version of nuxt js I tested. Here what I did if this becomes helpful for someone definePageMeta({ layout: "custom", });

[@ProgramWithErik]

Thanks! I'll be going over that in a new video soon!

[@rasulyakubov1461]

I really don`t like the way how nuxt3 handles custom layouts when using script setup. I need open another script just because for custom layout and all my logic works again in another script?! Maybe they are going to improve or think about it later, how do you guys think?

[@alexandrepellegrino2699]

vscode theme name? nice vid

[@ProgramWithErik]

Synthwave 84

[@apenasumcanal23]

um salve do brasil

[@ayceod]

You know what would really help... 57 more JS frameworks/libraries. Do we think we can have that by the end of Q4?

[@pythagoran]

Lol salty much?

[@mrleblanc]

There is only in server-side framework for Vue which is the most starred client-side framework. There is only 4 major client side framework: React, Vue, Angular, Svelte

[@Rivederchee]

we are just going to hardcode GIRLS

[@arifdevcoding]

Look, you can't be a big fan of both react and Vue at the same time

[@todayisyourfuture]

почему ты говоришь по-англиским, а названия про видео написано на русском язике

[@tear728]

These javascript framework names get dumber and dumber