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

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

:code-explorer{default-value="nuxt.config.ts" path="examples/advanced/config-extends"}: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/4.x/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.