🤝🏻 Nuxt and Nitro go hand in hand - but sometimes so well that the borders between both blur for developers. Wouldn't it be helpful to understand why Pinia composables can't be used in the server folder and when exactly Nitro comes into play? Fear no more - all of that and more will be covered in this video!
Key points:
👀 When Nitro is used in your Nuxt application
🙅♀️ Which limitations the server folder offers
⌛ Examples how Nitro and Nuxt work together
Links:
🔗 Nuxt's server docs https://nuxt.com/docs/getting-started/server
🔗 Nitro Docs https://nitro.unjs.io/
🔗 h3 https://github.com/unjs/h3/
🔗 Sentry + Nuxt 3 blogpost https://www.lichter.io/articles/nuxt3-sentry-recipe/
🔗 runtimeConfig explained
https://www.youtube.com/watch?v=2tKOZc3Z1dk
🔗 Common mistakes w/ runtimeConfig
https://www.youtube.com/watch?v=_FYV5WfiWvs
🔗 useRequestEvent in Nuxt https://nuxt.com/docs/api/composables/use-request-event
Don't forget to hit that "Subscribe" button, ring the notification bell and give a thumbs up!
🌐 Connect further:
Website: https://www.lichter.io
Twitter/X: https://twitter.com/TheAlexLichter
Twitch: https://www.twitch.tv/TheAlexLichter
Chapters:
00:00 Intro
01:00 What the Nuxt docs give us
02:12 How to use Vue composables in the server folder?
02:49 Nuxt & Nitro Venn Diagram - What is what?
05:25 runtimeConfig as an example for both sides
07:10 Server Components
08:42 Summary