Відео

ohhh I was so looking forward to hearing about astrology 😁 - Great content, thanks Alex!

how to manage the unit tests (vitest + coverage) of the different layers?

I don't seem to have the server folder from the base layer working on the new project structure in the final application

I like your videos, but i don't get this one at all. I think it could really use a concrete example

Thank you for educating us. I think this explanation should also be included in the docs. There is very little in the docs, you explained it in much more detail here. Or maybe just link to this video in the docs.

Thanks 💯

🤩🤩

Did you see "compatibilityDate" already?

By chance could you elaborate just a little, you mentioned the "flash avoidance strategy" and I perked up a bit. Our fairly large site has just migrated to Nuxt and we've experienced some flashing, I suspect mostly actually due to SSR / CSR issues and some changes we need to make, but perhaps this is more common than I know 😅

To me this is a prime example of providing a useful tool to the user (useFetch), but actually learning to use it properly, as well as learning the associated $fetch and such makes the process more complex in the end and can lead to errors. Unfortunately, I've encountered this kind of problem several times with the Vue ecosystem

sorry if i missed this but let's say i have a "shared components" layer and a "consuming app" . if nuxt/i18n is needed, do i install it on both the layer and the consuming app? and is pnpm a must for this?

Please make a video about the comprehensive testing of e2e.

Am I the only one who gets error like "Block-scoped variable 'useComponentComposable()' used before its declaration.ts-plugin()" ? It's strange that on video there is no error

Awesome! We have three teams and would like to put each project on layers (like team1-pj, team2-pj, team3-pj) Can we keep those projects in SPA and deploy them separately? if so, I'd love to know how to do that!

If you are using .value in computed that you wrote in body its work fine and than requests not spends many times

I use an external API in client side calls. Would be great to see how these can be mocked in e2e tests with playwright.

what about .env ?

Hello. Alexander, please, tell us how to organize the storage of client files (photos of users, products, etc.) in Nuxt with the possibility of their further use on the frontend

This is awesome man. Thanks!

Powerfull , in nuxtjs 3 understand layers

Too bad it doesn't seem to work with the watcher 😢

Thanks so mych for this videos Alex. It really helps a lot.

I think , if somebody use object oriented programing with type script , a folder is missing . This folder have to be in app folder and it's name classes (app/classes) . I wonder, does somebody use object oriented programing with nuxt?? . May be I one of this guys

How to do this with $fetch. In a tenant.global.ts middleware, I search for a "tenant" existence, I want to cache it. But I need to do the call in a conditionnal block (if). You teached us to refrein from using useFetch inside blocks right ? The {immediate: false} and await execute() doesn't work (data not cached)

What the hell, how come I needed this yesterday for the first time and this is exactly when you released this video 😃

ooh frick, thats so cool 🤩, how did i not known about this O.O. Thx for the super cool video :)) No i don't have more excuses for anything that doesn't work XD

good job ... can I ask that does NitroJS (server of NuxtJS) have a Dependency Injection like NestJS at the constructor level from the app singleton or perRequest ?

Question! Great video btw if i créate a layer folder will it work out of the box with this new update? Question two haha If i have an object in My api response can i store it as ref even when the rest is shallowref?

An Other great video ty Alex

This is legit useful - thanks so much for a great video.

holy crap... how do I not know things? :| Thanks bruv!

There is a problem. I'm using one component outside layout and one inside layout. Both depends on the same state. When I change the value from inside layout, the value of the component outside layout doesn't update in SSR. <Navigation /> // this component doesn't update when the value is changed in layout <NuxtLayout><NuxtPage/></NuxtLayout> // the vaule is changed here The problem solves when I use <Navigation /> inside layout

Yarn and Pnpm patch flows do not make sense to me. How could I test my changes and know that it is time to create a patch, if I must edit not the live version of the package, but a temporary version of it? And, unfortunately, most packages can't be patched this way anyway. Because you need to patch their sources, not their distribution package.

Oh, I didn't know that, nice tip!

How do you patch those packages that ship minified code? They only have a dist/ in node_modules which is minified and impossible to edit. Also how would you patch larger projects with TypeScript that requires building?

I'm looking forward to a video about error handling in nuxt. The documentation recommends using "createError", but this does not work with navigation. For some reason, "fatal" does not affect anything. When navigating to a page, only showError works well. There is an "abortNavigation" in "middleware". It shows the error page but the url does not change. I'm very confused about all this ( __-------__ Я с нетерпением жду видео об обработке ошибок в nuxt. В документации рекомендуется использовать "createError", но это не работает с навигацией. "fatal" почему-то ни на что не влияет. При переходе на страницу хорошо работает только showError. В "middleware" есть "abortNavigation". Он показывает страницу ошибки но url не изменяется. Я очень запуталась во всём этом (

Waited for this for so long time. Thanks, Alex ♥

Which package manager do you usually prefer and why? 👀

how is your class AwesomeFramework available to the the payload.ts. I have ts errors everywhere.

Nuxt 4 please provide cross platform tech at top level so we don't use react native 🥲😂

Thank you, it finally clicked!

Hi Alex! Thank you for the video. I have a question. When I built a Nuxt 3 app, your strategy 4 did not work with $fetch. It did not replace the API URL. Do you have any suggestions on how to resolve this?

Ty

would be so cool if I could actually use this in pinia, in my client side app without that annoying warning.

Hi Alexander, do you know how to share auto imports in between server and app folder ? i have validation schemas and types that i wish to used in both context with auto import. i did not find how to do it. Auto importing files in Nitro outside of the server folder is not working for me.

Is it a good practice if i were to intiate db connection via plugin server so that it can be used throughout the apps ? Thanks

Have you considered FSD in any way?

IMO Composition API structuring sucks

can the app.vue in /app be named index.vue? that would make sense