---
title: "useFetch"
description: "This example shows how to use useFetch to fetch data from an API endpoint."
toc: false
---

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

::ReadMore{link="/api/composables/use-fetch"}
::

::ReadMore{link="/getting-started/data-fetching"}
::

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