---
title: "Layers"
description: "This example shows how to use the extends key in `nuxt.config.ts`."
canonical_url: "https://nuxt.com/docs/examples/advanced/config-extends"
---
# Layers

> This example shows how to use the extends key in \`nuxt.config.ts\`.

::code-explorer{path="examples/advanced/config-extends" default-value="nuxt.config.ts"}
::

::browser{src="https://config-extends.example.nuxt.space"}
::

This example shows how to use the `extends` key in `nuxt.config.ts` to use the `base/` directory as a base Nuxt application, and use its components, composables or config and override them if necessary.

::read-more{to="https://nuxt.com/docs/getting-started/layers"}
::

---

- [Source](https://github.com/nuxt/examples/tree/main/examples/advanced/config-extends)


## Sitemap

See the full [sitemap](https://nuxt.com/sitemap.md) for all pages.