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.
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!
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?
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 ?
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
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 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!!
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", });
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?
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
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.
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.
Can you talk about Nuxt3 state management next? Curious if the new useState functionality has persistence and can really replace vuex?
would love to have an answer about that!
Eric you are always ahead of the game thanks for doing my homework haha
I was waiting for this!
Great video Erik. You earned a subscriber! Please what theme are you using?
Almost 100k 🔥🔥
So close!
i learned vue and nuxt with erik...♥♥♥🍎
I'm really wating for this video. Thanks
Thank you Erik. Now you are my favorite DEV UA-camr. I did not watch this video yet. But I am sure after watching Nuxt 3 will be easy to me.
Wow, thanks!
Nice we can use optional changing in template now ? It doesn't work in Nuxt 2 from what I remember
Hi, do you know how to access the "$route" object from inside the block?
You accessed it from the template using "$route".
"const route = useRoute()"
Yup see @horace comment!
@@ProgramWithErik Thanks for your answer, I really like your videos, I follow you, thanks for sharing what you know.
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 ?
Thanks for sharing! Learned a lot ❤️
Woah, what command was it that replaced the quotes with backticks at 11:51?
If you're in vim mode you can do cs'`
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
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!
Thank t=you Erik! well explained, I really enjoyed learning Nuxt 3 with your instructions. And it is my first time using it.
Hi Erik, I got this message after using script setup:
[nuxt] [request error] Cannot read properties of undefined (reading 'setup')
Is it safe to hardcode api tokens in the server files/component ? Or can those file's code be exposed from clientside ?
What's with the nuxt3 now? roadmap was about maybe stable @dec 2021 but not a single news since @oct 2021.
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?
you explained it so well. Thank you Erik! :-)
You're very welcome!
Nuxtify the world ❤️
How about review latest Quasar?
Very nice. I wonder if there are plugins to make the server-side less cumbersome. Hitting req and res directly isn't very optimal.
Это реально магия. Для меня это что-то новое. Спасибо за инфу. Лайк и подписка
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 ?
Great thumbnail... stay classy Impact 🎉🌟
Can you do a course on Nuxt Js
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
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
Thanks, which font you are using for vs code?
Amazing content, clear and objective. But I fear composition api just turned vue into react. Became confusing and opened the code to bad practices.
couldnt agree more...
It Turned vue into svelte ^^
Is there any replacement for $nuxt.$loading.start() ?
one thing I don't understand is ":src="show.show?.image?.medium" the "?." what is that? what is the name of that? Thanks
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).
@@nethsarasandeepaelvitigala135 thanks a lot for your answer! What a nice (new) feature
@@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!!
Vscode theme?
thank you brother 😉 👍
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?
found this really useful thanks!
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?
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.
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",
});
Thanks! I'll be going over that in a new video soon!
How to desctructur toRefs in ?
return {
..toRefs(state)
}
There is no return in script setup, everything is accessible directly
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?
finally yay!
Is there any github code
How to using vuex/store in nuxt 3?
Great! you help me save a lot of time
Wait for it.
vscode theme name? nice vid
Synthwave 84
Thanks 👍
Svelte VS Nuxt?
You know what would really help... 57 more JS frameworks/libraries. Do we think we can have that by the end of Q4?
Lol salty much?
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
AWESOME!
Thanks!
This is a pretty awesome Nuxt 3 tutorial, Nuxt 3 is very powerful, really impressed, can't wait to dive it 😎
thanks a lot
You are most welcome
Great
um salve do brasil
we are just going to hardcode GIRLS
почему ты говоришь по-англиским, а названия про видео написано на русском язике
Look, you can't be a big fan of both react and Vue at the same time
These javascript framework names get dumber and dumber