---
template: Example
---

# useAsyncData

This example shows how to use `useAsyncData` to fetch data from an API endpoint.

::alert{type=info icon=💡}
Nuxt will automatically read files in the ~/server/api directory to create API endpoints.
::

::alert{type=info icon=👉}
Learn more about [data fetching](/docs/usage/data-fetching).
::

::sandbox{repo="nuxt/framework" branch="main" dir="examples/composables/use-async-data" file="app.vue"}