What is the difference between Nuxt plugins and server plugins?

Question

Accepted Answer

**Nuxt plugins** — client + server. **Server plugins** — server only.

**Nuxt plugins:**
```typescript
// plugins/my-plugin.ts
export default defineNuxtPlugin((nuxtApp) => {
    // Runs on client and server
    return {
        provide: {
            myHelper: () => "Hello"
        }
    }
})
```

**Server plugins:**
```typescript
// server/plugins/my-plugin.ts
export default defineNitroPlugin((nitroApp) => {
    // Server only
    nitroApp.hooks.hook("request", (event) => {
        console.log("Request received")
    })
})
```

**Key differences:**
- **Nuxt plugins** — universal.
- **Server plugins** — server only.

Vue.js: What is the difference between Nuxt plugins and server plugins?