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.
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?
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!
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 ?
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?
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", });
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.
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!
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.
Eric you are always ahead of the game thanks for doing my homework haha
Nice we can use optional changing in template now ? It doesn't work in Nuxt 2 from what I remember
Thank you Erik. Now you are my favorite DEV RUclipsr. I did not watch this video yet. But I am sure after watching Nuxt 3 will be easy to me.
Wow, thanks!
Nuxtify the world ❤️
Great video Erik. You earned a subscriber! Please what theme are you using?
I was waiting for this!
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 ?
I'm really wating for this video. Thanks
i learned vue and nuxt with erik...♥♥♥🍎
What's with the nuxt3 now? roadmap was about maybe stable @dec 2021 but not a single news since @oct 2021.
Very nice. I wonder if there are plugins to make the server-side less cumbersome. Hitting req and res directly isn't very optimal.
Thank t=you Erik! well explained, I really enjoyed learning Nuxt 3 with your instructions. And it is my first time using it.
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
Great thumbnail... stay classy Impact 🎉🌟
Hi Erik, I got this message after using script setup:
[nuxt] [request error] Cannot read properties of undefined (reading 'setup')
Almost 100k 🔥🔥
So close!
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?
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.
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!
How about review latest Quasar?
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 ?
Thanks for sharing! Learned a lot ❤️
Thanks, which font you are using for vs code?
Vscode theme?
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?
Is it safe to hardcode api tokens in the server files/component ? Or can those file's code be exposed from clientside ?
Это реально магия. Для меня это что-то новое. Спасибо за инфу. Лайк и подписка
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
This is a pretty awesome Nuxt 3 tutorial, Nuxt 3 is very powerful, really impressed, can't wait to dive it 😎
Is there any replacement for $nuxt.$loading.start() ?
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?
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
Wait for it.
you explained it so well. Thank you Erik! :-)
You're very welcome!
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 github code
Svelte VS Nuxt?
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!!
finally yay!
How to using vuex/store in nuxt 3?
found this really useful thanks!
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!
Great! you help me save a lot of time
Woah, what command was it that replaced the quotes with backticks at 11:51?
If you're in vim mode you can do cs'`
thank you brother 😉 👍
How to desctructur toRefs in ?
return {
..toRefs(state)
}
There is no return in script setup, everything is accessible directly
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.
Thanks 👍
vscode theme name? nice vid
Synthwave 84
AWESOME!
Thanks!
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
Great
thanks a lot
You are most welcome
um salve do brasil
почему ты говоришь по-англиским, а названия про видео написано на русском язике
Look, you can't be a big fan of both react and Vue at the same time
we are just going to hardcode GIRLS
These javascript framework names get dumber and dumber