The Complete Guide to Data Fetching in Nuxt

This repository contains the source code for The Complete Guide to Data Fetching in Nuxt course.

There are a surprising amount of options when it comes to fetching data in a Nuxt app. You can do so by blocking page nav or lazily after navigation change. You can also fetch data on the client only, on the server only, or on both. There are also various concepts to learn when it comes to caching that data for performance and different ways and reasons to fetch fresh data. In this course, we'll do a deep dive into useFetch and useAsyncData to make you a data fetching expert!

Intrigued? Enroll now

Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.