---
title: "Teleport"
description: "This example shows how to use the <Teleport> with client-side and server-side rendering."
canonical_url: "https://nuxt-git-fork-slavarazum-fix-modules-nuxt-4-only-nuxt-js.vercel.app/docs/examples/advanced/teleport"
---
# Teleport

> This example shows how to use the \<Teleport> with client-side and server-side rendering.

::code-explorer{path="examples/advanced/teleport" default-value="app.vue"}
::

::browser{src="https://teleport.example.nuxt.space"}
::

Vue 3 provides the [`<Teleport>` component](https://vuejs.org/guide/built-ins/teleport.html) which allows content to be rendered elsewhere in the DOM, outside of the Vue application.

This example shows how to use the `<Teleport>` with client-side and server-side rendering.

::read-more{to="https://nuxt-git-fork-slavarazum-fix-modules-nuxt-4-only-nuxt-js.vercel.app/docs/api/components/teleports"}
::

---

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


## Sitemap

See the full [sitemap](https://nuxt-git-fork-slavarazum-fix-modules-nuxt-4-only-nuxt-js.vercel.app/sitemap.md) for all pages.