Fetching Data with Async and Await

Snippet

Fetching Data with Async and Await

Async and Await provide a clean way to handle asynchronous operations like API requests. In Next.js, this is the standard way to retrieve data from external sources or internal API routes.

snippet.js
javascript
async function loadProfile() {
  const response = await fetch('/api/profile');
  const data = await response.json();
  return data;
}

nextjs

Breakdown

async function loadProfile()

Defines a function that will handle asynchronous tasks.

await fetch('/api/profile')

Pauses execution until the network request is complete.

Previous snippet Next snippet

More Beginner JavaScript exercises →

From your library

Fetching Data with Async and Await

Related