Assets, Store, Middleware, and Plugins

Learn about the assets, stores, middleware, and plugins folders in Nuxt.

We'll cover the following


The assets folder is for any non-JS assets (such as images, fonts, and CSS files) that we want to use from our components. We can access the contents of this folder via the ~ alias, both within our components’ code and template sections.

So, for example, if we have a logo.png file that we want to use in one of our components, we can put the file in the assets folder and reference it within our component template like this:

Get hands-on with 1200+ tech skills courses.