Тёмный
No video :(

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

Program With Erik
Подписаться 123 тыс.
Просмотров 58 тыс.
50% 1

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

 

5 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 88   
@willyguillard2897
@willyguillard2897 2 года назад
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.
@Sky_ye
@Sky_ye 2 года назад
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.
@Tundrian12
@Tundrian12 2 года назад
Can you talk about Nuxt3 state management next? Curious if the new useState functionality has persistence and can really replace vuex?
@eMeRiKa
@eMeRiKa 2 года назад
would love to have an answer about that!
@cnikolov
@cnikolov 2 года назад
Eric you are always ahead of the game thanks for doing my homework haha
@alizokaei6239
@alizokaei6239 20 дней назад
i learned vue and nuxt with erik...♥♥♥🍎
@oldschoolappearance7606
@oldschoolappearance7606 2 года назад
Awesome! Can you make a video of what state management looks like in Nuxt 3?
@ProgramWithErik
@ProgramWithErik 2 года назад
Yes I can, I'll look into it!
@sania3631
@sania3631 2 года назад
I wonder if you can tackle persisting data after page refresh as well when discussing state management. That would be awesome.
@danielwatson6529
@danielwatson6529 2 года назад
@@sania3631 use pinia - i just got it to work
@danielwatson6529
@danielwatson6529 2 года назад
@@ProgramWithErik any more nuxt 3 nuggets as most of them green checkboxes are green and checked
@badasscoder4481
@badasscoder4481 2 года назад
Thank you Erik. Now you are my favorite DEV RU-vidr. I did not watch this video yet. But I am sure after watching Nuxt 3 will be easy to me.
@ProgramWithErik
@ProgramWithErik 2 года назад
Wow, thanks!
@coderoutemedia2969
@coderoutemedia2969 2 года назад
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
@gyenabubakar
@gyenabubakar 2 года назад
Great video Erik. You earned a subscriber! Please what theme are you using?
@eliuddyn
@eliuddyn 2 года назад
Almost 100k 🔥🔥
@ProgramWithErik
@ProgramWithErik 2 года назад
So close!
@bombrman1994
@bombrman1994 2 года назад
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
@dev-am1303
@dev-am1303 2 года назад
Thank t=you Erik! well explained, I really enjoyed learning Nuxt 3 with your instructions. And it is my first time using it.
@hasiburrahman1461
@hasiburrahman1461 2 года назад
I'm really wating for this video. Thanks
@gmkhussain
@gmkhussain 2 года назад
Great thumbnail... stay classy Impact 🎉🌟
@jaymartinez311
@jaymartinez311 2 года назад
I was waiting for this!
@mrleblanc
@mrleblanc 2 года назад
Nice we can use optional changing in template now ? It doesn't work in Nuxt 2 from what I remember
@xav112
@xav112 2 года назад
Thanks for sharing! Learned a lot ❤️
@Kingside88
@Kingside88 2 года назад
you explained it so well. Thank you Erik! :-)
@ProgramWithErik
@ProgramWithErik 2 года назад
You're very welcome!
@Ilya-di4ok
@Ilya-di4ok 2 года назад
Wait for it.
@jimmyj.6792
@jimmyj.6792 2 года назад
Nuxtify the world ❤️
@Isusia
@Isusia 2 года назад
How about review latest Quasar?
@OzoneGrif
@OzoneGrif 2 года назад
Very nice. I wonder if there are plugins to make the server-side less cumbersome. Hitting req and res directly isn't very optimal.
@gabrielverde5649
@gabrielverde5649 2 года назад
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
@papajohnsuk5965 2 года назад
couldnt agree more...
@masoud1128
@masoud1128 2 года назад
It Turned vue into svelte ^^
@Mechetle
@Mechetle 2 года назад
found this really useful thanks!
@mrleblanc
@mrleblanc 2 года назад
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 ?
@alimosbah
@alimosbah 2 года назад
Can you do a course on Nuxt Js
@ProgramWithErik
@ProgramWithErik 2 года назад
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
@Useroelas97
@Useroelas97 2 года назад
thank you brother 😉 👍
@FrankDecker3
@FrankDecker3 2 года назад
Hi Erik, I got this message after using script setup: [nuxt] [request error] Cannot read properties of undefined (reading 'setup')
@alejandroBero
@alejandroBero 2 года назад
Hi, do you know how to access the "$route" object from inside the block? You accessed it from the template using "$route".
@pointgbreak
@pointgbreak 2 года назад
"const route = useRoute()"
@ProgramWithErik
@ProgramWithErik 2 года назад
Yup see @horace comment!
@alejandroBero
@alejandroBero 2 года назад
@@ProgramWithErik Thanks for your answer, I really like your videos, I follow you, thanks for sharing what you know.
@avocado_vhs_lite
@avocado_vhs_lite 2 года назад
Это реально магия. Для меня это что-то новое. Спасибо за инфу. Лайк и подписка
@meffmara647
@meffmara647 2 года назад
Thanks 👍
@cvt5523
@cvt5523 2 года назад
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
@ProgramWithErik 2 года назад
Thanks! I'll be going over that in a new video soon!
@dhwajsharma
@dhwajsharma 2 года назад
Vscode theme?
@tiborszabo3716
@tiborszabo3716 2 года назад
What's with the nuxt3 now? roadmap was about maybe stable @dec 2021 but not a single news since @oct 2021.
@ada.blahblah
@ada.blahblah 2 года назад
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?
@apenasumcanal23
@apenasumcanal23 2 года назад
um salve do brasil
@atbui4079
@atbui4079 2 года назад
Great! you help me save a lot of time
@QtheCoder
@QtheCoder 2 года назад
finally yay!
@yabuking84
@yabuking84 2 года назад
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!
@maskman4821
@maskman4821 2 года назад
This is a pretty awesome Nuxt 3 tutorial, Nuxt 3 is very powerful, really impressed, can't wait to dive it 😎
@i3looi2
@i3looi2 2 года назад
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 ?
@xMrAfonso
@xMrAfonso 2 года назад
Svelte VS Nuxt?
@i3looi2
@i3looi2 2 года назад
Is it safe to hardcode api tokens in the server files/component ? Or can those file's code be exposed from clientside ?
@theTechSimple
@theTechSimple 2 года назад
Thanks, which font you are using for vs code?
@muhammadasifulislam1552
@muhammadasifulislam1552 2 года назад
Great
@rasulyakubov1461
@rasulyakubov1461 2 года назад
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?
@mrleblanc
@mrleblanc 2 года назад
Is there any replacement for $nuxt.$loading.start() ?
@jleu3482
@jleu3482 2 года назад
Is there any github code
@eMeRiKa
@eMeRiKa 2 года назад
one thing I don't understand is ":src="show.show?.image?.medium" the "?." what is that? what is the name of that? Thanks
@nethsarasandeepaelvitigala135
@nethsarasandeepaelvitigala135 2 года назад
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
@eMeRiKa 2 года назад
@@nethsarasandeepaelvitigala135 thanks a lot for your answer! What a nice (new) feature
@nethsarasandeepaelvitigala135
@nethsarasandeepaelvitigala135 2 года назад
@@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!!
@cybanjar4070
@cybanjar4070 2 года назад
How to using vuex/store in nuxt 3?
@ayceod
@ayceod 2 года назад
You know what would really help... 57 more JS frameworks/libraries. Do we think we can have that by the end of Q4?
@pythagoran
@pythagoran 2 года назад
Lol salty much?
@mrleblanc
@mrleblanc 2 года назад
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
@javadnoroozi3476
@javadnoroozi3476 2 года назад
thanks a lot
@ProgramWithErik
@ProgramWithErik 2 года назад
You are most welcome
@danielschmider5069
@danielschmider5069 2 года назад
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?
@vals484
@vals484 2 года назад
AWESOME!
@ProgramWithErik
@ProgramWithErik 2 года назад
Thanks!
@0x4d46
@0x4d46 2 года назад
Woah, what command was it that replaced the quotes with backticks at 11:51?
@KxKuK
@KxKuK 2 года назад
If you're in vim mode you can do cs'`
@SyamsulAmin1791
@SyamsulAmin1791 2 года назад
How to desctructur toRefs in ? return { ..toRefs(state) }
@mrleblanc
@mrleblanc 2 года назад
There is no return in script setup, everything is accessible directly
@yabuking84
@yabuking84 2 года назад
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
@marcelmueller1982 2 года назад
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.
@alexandrepellegrino2699
@alexandrepellegrino2699 2 года назад
vscode theme name? nice vid
@ProgramWithErik
@ProgramWithErik 2 года назад
Synthwave 84
@arifdevcoding
@arifdevcoding 2 года назад
Look, you can't be a big fan of both react and Vue at the same time
@jahongirbektemirov6516
@jahongirbektemirov6516 2 года назад
почему ты говоришь по-англиским, а названия про видео написано на русском язике
@Rivederchee
@Rivederchee 2 года назад
we are just going to hardcode GIRLS
@tear728
@tear728 2 года назад
These javascript framework names get dumber and dumber
Далее
Nuxt 3 Routing Crash Course
17:12
Просмотров 16 тыс.
Every New Vue Developer Has Made These Mistakes...
18:04
Nuxt 3 - Course for Beginners
3:10:29
Просмотров 141 тыс.
Is Astro A Game Changer For Nuxt and Vue Developers?
24:41
Introduction to Nuxt 3: Building a Movie App
50:42
Просмотров 18 тыс.
Nuxt JS Crash Course
46:08
Просмотров 228 тыс.
The Nuxt big thing in web development?
4:55
Просмотров 656 тыс.
My top 5 favourite Nuxt 3 features
9:36
Просмотров 17 тыс.