---
title: "Layers"
description: "This example shows how to use the extends key in `nuxt.config.ts`."
canonical_url: "https://nuxt.com/docs/3.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">



</code-explorer>

<browser src="https://config-extends.example.nuxt.space">



</browser>

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/3.x/getting-started/layers">



</read-more>

---

- [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.