วีดีโอ

Nuxt APIs get more and more confusing. I am switching back to barebones Vue.

lol, I was just searching for it.

Nice video, thank you! :) But how can you see the API call in the network tab, aren't they happening server side?

Can we use a .env with runtimeConfig ? What is the best practice?

Great content, thank you!

I would like to thank you for your great efforts, i really learned a lot, I have a question regarding setting the "authorization" token in the requests header, - should i store the token on the localStorage and use it from there? or - should i use HTTP only cookies ? what could be better and more secure ?

im making a vue widget in vite which builds a js script, and i want to use it in a nuxt project, but whenever i import the script the HMR on the nuxt app stops working... any hints why this may be? is it maybe because Vue from the script is somehow interfeering with Vue from Nuxt? also if you have any tips for creating widgets in vue, that would be great!

IMPORTANT: This feature is now an experimental flag that is built into Nuxt. See nuxt.com/docs/guide/going-further/experimental-features#buildcache for more.

Thank you!

wowowow bro you are a gem its solved alot of issues of my vue app :) where were you thanks for the tip

Thanks for the amazing video! I have a two questions: - If my API endpoint returns all the information possible because it's a general endpoint designed to be used with multiple clients, even if I use BFF, that doesn't mean the speed of the page will increase because the endpoint will be slower due to the need of fetching more data from the database, then transforming it and transfering it via the network. So, how do we improve the speed via BFF? - If the data changes quite often, caching won't be possible, so we can't benefit from it. Maybe a different caching strategy must be applied? Thank you!

Alex, thank you for the helpful videos on working with Nuxt! Could you please help a beginner? How can I pass cookies with proxyRequest? There are no issues on the client side, but for server-side requests, it seems like cookies are not being passed.

wow this is great. Thank you so much for creating the content.

too much words

I like svelte very much, but I don't like the ecosystem. Which makes me quite hesitent to transition to vue. They are similar but vue has bigger ecosystem.

I don't usually comment on videos but this one was hugely helpful in trying to get my site more performant. That inline script trick for handling, in my case, the prefers-color-scheme setting for the user so that I don't have a flash of light/dark theme as the page loads was mint 👌

Vue / Nuxt has been a high performer for so many years and too modest / quiet on this front I feel. Interesting also is ‘# years in pole position’. I feel as one of the first truely Open Source front end libraries, not enough credit is given to the little guy vs Major corps (or the people who have helped them). (I would add, Open Source, as a collective seems to be winning the day).

Good video recap Andrew. Vue + Nuxt FTW 🏔⛰

Vue and React are libraries not frameworks. Next and Nuxt are actual frameworks. Would like to see comparison between the frameworks.

I really enjoy using Vue JS and Nuxt JS in my projects and as a Turkish developer, I follow the developments closely.

I missed a heartbeat when you said scoped styles are problematic 😱

Hey Alexander, i have a couple of nuxt projects and i want to make a BFF from one nuxt app and use it in the other nuxt apps, but there is a problem... i lose the type safety in the other apps, i have to manually create the types... is there some way i can import the types in the other nuxt projects? or is there a plan to implement something like codegen/openapi for the types? having the types in useFetch in other projects would be ideal! any help with this is much appreciated! Thanks!

I just switched fully to Vue / Nuxt after many many years of React and next. While I truly love the JSX used in React and the way how you write components, I had so many headaches over the past years duo to weird behavior which came mostly from hooks. And I don't like the fact that state management is still not as great as in other frameworks. The switch felt so smooth and honestly I'm thinking now why this took me so many years. I heard from friends and colleagues that Vue is great, but never had the motivation for it but oh boy was I stupid. Using nuxt now daily for two months and I hadn't any impediments or so and I'm enjoying it so far.

We used Nuxt for building an LXP (Entreprise-level education and online training platform for employees), consisting of three Nuxt front-ends connected with an SSO. Nuxt is amazing!! thank you for your amazing work.

Vue es el mejor❤, svelte como siempre con su versión 5 beta en todos las comparativas, su versión estable es la 4

amazing, vue is best!

Just so you know … nuxt and vue could’ve been last and I’d still choose them

HTMX is the fastest of them all. :D

Nuxt has been a pleasure to use at an enterprise level

Yes, but there is a nuance)))

Hey Alex! as always a great video <3 wanted to ask How would you approach to get an event bus in Nuxt. Recently I faced a usual situation where I wanted to listen to emit from a component in any part of my application, but didn't want to install dependencies like mitt

Nuxt+Vue is love 💚

🎉🎉

Interesting, can you open source the comparison you did between angular, next and nuxt? So that everyone can see the code and improve it.

What do you think about the results?

I really like these kinds of 'Practical Example' videos that can be applied to real-life scenarios. I suggest making some short code review videos as well.

Nice video as always but the example with title passed as props and then mutated thanks to toRef is not the best as props shouldn't be mutated.😊

excited to see nuxt 4

First of all thanks for the content. Considering the best practice url proxy method which uses a catch-all route in server/api/ path, how does these 2 play together? Also since a catch-all server route can transform all outgoing requests, is moving general logic like authentication headers to this same route viable?

Laravel Mentioned.

This content is so informative and did solve my problems !!! Thanks a lot

this guy needs to learn how to talk slowly, like its funckin annoying,

how can i use runtimeConfig outside of nuxt app? For example i have a couple of services that rely on the .env and they are outside vue component/composable, but i can only use useRuntimeConfig inside of a component or composable… is there a solution for this? Or any recomended approach.. Thank you!

Great video! Saved me a lot of time, scrolling through the github comments, trying everything on my own! More of that! :D

@TheAlexLichter Is there a way to get all caches in a Nitro/Nuxt app? My use case is that I would like to build an admin interface, where you can invalidate caches :)

Got here thorugh the link in Nuxt official docs. Great work!

thanks bro

Would calling load function multiple times have any side effects? Or would it be just a NOOP ? I used to manually store the now deprecated $script promise and would return if fhe script was not loaded yet, to prevent duplicate loading of script. Would this new approach suffice this kind of use case? Thanks for the video! ❤

I'll look but my first question is can the utils folder have nested folders to organize my api's and still benefit from auto-imports in the server andpoints??

That's nice! But lets take Hotjar as an example. There is a Hotjar Nuxt Module available. Should I rather use useScript or the available module? Do Nuxt modules (usually) use useScript under the hood?