diff --git a/docs/openapi-fetch/examples.md b/docs/openapi-fetch/examples.md
index d96f22865..77362621b 100644
--- a/docs/openapi-fetch/examples.md
+++ b/docs/openapi-fetch/examples.md
@@ -34,6 +34,12 @@ _Note: if you’re using Svelte without SvelteKit, the root example in `src/rout
[View a code example in GitHub](https://github.com/openapi-ts/openapi-typescript/tree/main/packages/openapi-fetch/examples/vue-3)
+## Nuxt 3
+
+[Nuxt 3](https://nuxtjs.org/) is a popular SSR framework for Vue 3. By combining Nuxt's built-in [useAsyncData](https://nuxt.com/docs/api/composables/use-async-data) composable with openapi-fetch, you can easily implement type-safe API communication with server-side rendering. This example demonstrates how to fetch data during SSR and enable client-side refetching.
+
+[View a code example in GitHub](https://github.com/openapi-ts/openapi-typescript/tree/main/packages/openapi-fetch/examples/nuxt-3)
+
---
Additional examples are always welcome! Please [open a PR](https://github.com/openapi-ts/openapi-typescript/pulls) with your examples.
diff --git a/packages/openapi-fetch/examples/nuxt-3/.gitignore b/packages/openapi-fetch/examples/nuxt-3/.gitignore
new file mode 100644
index 000000000..4a7f73a2e
--- /dev/null
+++ b/packages/openapi-fetch/examples/nuxt-3/.gitignore
@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example
diff --git a/packages/openapi-fetch/examples/nuxt-3/App.vue b/packages/openapi-fetch/examples/nuxt-3/App.vue
new file mode 100644
index 000000000..b4575d4d1
--- /dev/null
+++ b/packages/openapi-fetch/examples/nuxt-3/App.vue
@@ -0,0 +1,168 @@
+
+
+
+