Nuxt/docs/4.examples/1.app/app-config.md

---
toc: false
---

# `app.config`

> Nuxt 3 provides an app.config config file to expose reactive configuration within your application with the ability to update it at runtime within lifecycle or using a nuxt plugin and editing it with HMR (hot-module-replacement).

This example shows how to use `app.config` feature.

::ReadMore{link="/docs/guide/directory-structure/app-config"}
::

::sandbox{repo="nuxt/nuxt" branch="main" dir="examples/app-config" file="app.vue"}