0Pricing
Frontend Academy · Lesson

Nuxt Modules: Image Auth i18n

Install and configure @nuxt/image for optimised images, @nuxtjs/auth-next for authentication, and @nuxtjs/i18n for internationalisation.

What Are Nuxt Modules?

Modules are the official extension mechanism for Nuxt. They install in nuxt.config.ts and hook into the build, runtime, and dev server. Most ecosystem features are modules.

Installing a Module

npm install the module, then add it to modules in nuxt.config.ts.

// nuxt.config.ts
export default defineNuxtConfig({
  modules: [
    '@nuxt/image',
    '@sidebase/nuxt-auth',
    '@nuxtjs/i18n'
  ]
});

All lessons in this course

  1. File-based Routing and Auto-imports
  2. useFetch and useAsyncData
  3. Nuxt Modules: Image Auth i18n
  4. Deployment: Static vs SSR
← Back to Frontend Academy