---
title: "JSX / TSX"
description: "This example shows how to use JSX syntax with typescript in Nuxt pages and components."
canonical_url: "https://nuxt.com/docs/3.x/examples/advanced/jsx"
---
# JSX / TSX

> This example shows how to use JSX syntax with typescript in Nuxt pages and components.

<code-explorer default-value="app.vue" path="examples/advanced/jsx">



</code-explorer>

<browser src="https://jsx.example.nuxt.space">



</browser>

<read-more icon="i-simple-icons-vuedotjs" target="_blank" to="https://vuejs.org/guide/extras/render-function.html#jsx-tsx">



</read-more>

---

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


## Sitemap

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