How to fetch data in Nuxt.js

Nuxt gives you a few practical ways to fetch data depending on where the data comes from and when the page needs it. For most pages, useFetch is the simplest choice because it handles SSR, hydration, pending state, and errors in one composable.

When the data needs custom transformation or comes from multiple async calls, useAsyncData gives you more control while still keeping Nuxt server rendering benefits.

For private keys or backend-only logic, create a server API route and call that route from the frontend. This keeps credentials out of the browser and makes your pages easier to maintain.