Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps

The NuxtImage Component

In this lesson, learn how to use the NuxtImg component as a drop-in replacement for the HTML native img tag for optimized performant images. NuxtImage is the easiest way to support optimized images in your Vue.js apps!

Links

GO PREMIUM
UnlockTo unlock this feature
DOWNLOAD VIDEO HD SD
GO PREMIUM
UnlockTo unlock this feature
Transcript icon
DOWNLOAD TRANSCRIPT
Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps
  • Chapter 5

Bonus Chapter: Nuxt Image

26.
Intro to Nuxt Image
FREE
3:55
27.
Installing Nuxt Image
1:56
The NuxtImage Component
FREE
5:45
29.
Controlling When Images Load
3:00
30.
Responsive Images
8:13
31.
Image Modifiers
5:18
32.
The NuxtPicture Component
4:43
33.
Responsive Art Direction Hack
4:56
Configuring Nuxt ImageComing Soon
The useImage ComposableComing Soon