Search⌘ K

Nuxt Built-In Components

Explore how Nuxt 3 built-in components such as NuxtWelcome, NuxtLink, Teleport, NuxtPage, and NuxtLayout help manage page rendering, dynamic layouts, and internal navigation. Understand their roles in structuring and optimizing your Vue.js app with Nuxt's flexible configuration options.

In addition to building our own custom components, Nuxt provides some built-in components. We’ve already looked at some in our project, and there are others that we have not yet discovered.

The <NuxtWelcome> component

When we first set up a new project, we see the <NuxtWelcome> component in the app.vue:

node_modules
*.log*
.nuxt
.nitro
.cache
.output
.env
dist
NuxtWelcome component displaying the welcome page
  • Line 3: The NuxtWelcome is used as a starting point to greet users and provide some relevant links. We can override this by adding our own components or pages. ...

The <NuxtLink> component