Nuxt 3 Auto Imports - Unleash Their Full Potential

Описание

? Ready to improve your Nuxt projects even more? Then this deep dive into Nuxt 3's Auto Imports might help you further! ?

In this video, we'll explore the power of Nuxt 3 Auto Imports and how you can configure them to make your DX even better!

Key topics we'll cover:
? Understanding the magic behind Nuxt 3 Auto Imports
? Adding more auto-import folders for components
? Auto-importing JavaScript and TypeScript files from custom folders
?️ Configuring Auto Imports for NPM Packages
? How to apply the same to "the server side" (Nitro)

Links:
? Code: https://github.com/manniL/nuxt-auto-imports-unleash-full-potential
? Unimport: https://github.com/unjs/unimport
? Nuxt docs: https://nuxt.com/docs/guide/concepts/auto-imports

Whether you're a seasoned Nuxt.js developer or just getting started, this video will definitely be helpful!

Don't forget to hit that "Subscribe" button, ring the notification bell,

? Connect further:
Website: https://www.lichter.io
Twitter/X: https://twitter.com/TheAlexLichter
Twitch: https://www.twitch.tv/TheAlexLichter

Thanks for tuning in, and get ready to supercharge your Nuxt.js projects with Nuxt 3 Auto Imports! ?

If you find this video helpful, please give it a thumbs up, subscribe to my channel for more insightful content, and hit the notification bell to stay updated with the latest Nuxt.js tips and tutorials.

Chapters:

00:00 Intro and scenarios
01:10 1) Auto import Vue components from a custom folder
03:44 2) Auto import TS/JS files from a new directory
06:09 3) Auto import NPM package exports
09:29 4) How to apply it for Nitro
09:45 Summary

#Nuxt3 #vuejs #nuxtjs #webdevelopment #frontend #frontenddeveloper #unjs #nitro #opensource