---
template: Example
---

# Middleware

This example shows how to add route middleware with the middleware/ directory or with a plugin, and how to use them globally or per page.

::alert{type=info icon=👉}
Learn more about [middleware](/docs/directory-structure/middleware).
::

::sandbox{repo="nuxt/framework" branch="main" dir="examples/routing/middleware" file="app.vue"}