Join our community

Get access to the complete guide to developing and deploying fast, production-ready Nuxt apps.

7-4 Managing Static Assets

In this lesson, we look at the two different ways we can manage static assets, as well as how we can optimize our images.

NOTE: NuxtImage is currently unstable, and mostly useful for creating responsive images, so I’ve left it out of this lesson.

We take a look at the differences between keeping static assets in a /public folder vs. bundling them inside of the /assets folder.

Finally, we also use a Vite plugin to compress all of our images to save on bandwidth and increase performance.

Asset management: https://nuxt.com/docs/getting-started/assets

NuxtImage: https://v1.image.nuxtjs.org/get-started

This course was originally built with Nuxt 3, but it's no longer being maintained. You can still follow the lessons, but make sure to use the exact dependency versions listed in the course repository to avoid breaking changes.

If you’re looking for the most up-to-date and fully supported version, we recommend Mastering Nuxt: Full Stack Unleashed , which uses Nuxt 4 and actively being maintained.