Using asyncData to fetch data from an API with Nuxt

preview_player
Показать описание

  1. Debbie O'Brien
  2. vue
  3. nuxt js
  4. nuxt js tutorial
  5. asyncdata nuxt
  6. web development
Рекомендации по теме
Using asyncData to 0:07:53

Using asyncData to fetch data from an API with Nuxt

Data Fetching in 0:05:13

Data Fetching in Nuxt JS - asyncData vs fetch

A Better Approach 0:04:51

A Better Approach To Data Fetching In Nuxt?

Data Fetching With 0:20:31

Data Fetching With Nuxt 3

Get Started with 0:06:53

Get Started with Nuxt: Data Fetching

useAsyncData with Nuxt 0:05:44

useAsyncData with Nuxt 3 — Course part 15

Nuxt 3 Crash 0:10:53

Nuxt 3 Crash Course #8 - Fetching Data

useFetch, useLazyfetch with 0:10:18

useFetch, useLazyfetch with Nuxt 3 — Course part 14

NuxtJS data, asyncData, 0:26:00

NuxtJS data, asyncData, fetch and nuxtServerInit - when, how, why?

How To Make 0:03:54

How To Make API Call In React using useEffect() Hook With Fetch API and async / await

#31 - Fetch 0:10:16

#31 - Fetch API Data with Async-Await in javaScript

Async Data Fetching 0:09:07

Async Data Fetching in JavaScript

Redux Toolkit Tutorial 0:07:37

Redux Toolkit Tutorial - 30 - Fetching Data

Using fetch states 0:05:28

Using fetch states while fetching your data from an API in Nuxt

14. Get Async 0:09:12

14. Get Async Data from ngrx store using createSelector and display it in the table - Angular, NGRX

Master Async Data 0:02:15

Master Async Data with Fetch API #JavaScript

Fetching data from 0:06:33

Fetching data from an API using axios [TUTORIAL]

Using fetch in 0:13:11

Using fetch in Nuxt to fetch data from an API

Vue JS 3 0:20:10

Vue JS 3 Tutorial for Beginners #9 - Fetching Data

Fetch data from 0:03:40

Fetch data from API for our Nuxt index.vue page using Axios

How REST APIs 0:09:20

How REST APIs support upload of huge data and long running processes | Asynchronous REST API

Ace Async Data 0:00:23

Ace Async Data Fetching in NextJS with React Query #ReactQuery

Master Async Data 0:00:29

Master Async Data Fetching with TanStack Store #ReactJS

How To Use 0:17:15

How To Use Goroutines For Aggregating Data In Golang?!

Комментарии
Автор

Ah well, this channel was a blessing to find. I'm excited to grind out these videos.

codybontecou
Автор

Thank you for your nuxt videos i was completely lost, but you walk through it just right - i probably should have gotten at least a minute or two's experience with vue.js first lol...

blu_enjoy
Автор

You’re killing it Debbie! Love the consistency

Can you do a video on Nuxt lifecycle and Full Static feature.

giftegwuenu
Автор

Just discovered your channel today, nice tutorial

thatcoul
Автор

i can't thank you enough for this ! i've been wrecking my head for 3 days trying to come up with my own way to do it ...i didn't even consider checking the documentation lmao ...

ZTF
Автор

Great stuff - would love to see how to do a full blown CRUD example hooked up to a live db - Mongo or Postgresql or whatever - keep em coming, really enjoying them :)

DavePerth
Автор

What if REST API is requesting some headers to access it? For example: session_id? Is it possible to call get() with some custom headers when we are making API call?

pawegrzesik
Автор

Great video. Is it easy to use GraphQL in nuxt? the last I check, the Apollo plugin for nuxt wasn't quite there yet.

xoulrage
Автор

Oh wow. This is so good. Thank you Debbie. I just have one question. You seem two have two Vue tabs in your dev tools @6:16. How does that work?

okhaeadeleye
Автор

Nice video!
Thanks 😊
Would you use this method too to load local json files?

Rxxr
Автор

Facing an issue with AsyncData - it doesn't get called on page refresh or direct link navigation. Any ideas what could be causing this?

iraklishengelia
Автор

is there a way to use skeleton screen while the fetch end?

ia.mtzrmz
Автор

This might be out of scope for doing a video, but can you provide an example using oAuth? I.E., fetching Spotify tracks from a user's playlist?

djmtype
Автор

So asyncData is the ssr way to get data right?

MrAhvids
Автор

What if I need to call more than one APIs? What returns the $get(). It is not a promise?

camotobe
Автор

Nice videos by you 🤠 can you make a deploy nuxt js video

tonydevloptutorial
Автор

Osm content 😍😍, could u please make a video on how to fetch data in Vuex store on server side

AmarjeetKumar-cgde
Автор

Hello Debbie! Awesome content on your channel!
Could you explain the "nuxtServerInit" action for the vuex store?
I've spent too much time trying to make things run but still nothing...

Look at my action inside my movie module:

async nuxtServerInit({ commit }, { $axios }) {
const res = await $axios.$get(

);
await commit("setPopularMovies", res.results);
},

With asyncData all works fine. I would use this way to make my code cleaner.
Please let me know if you can help me! Bye and have a nice day!! ;)

cesarebich
Автор

what is different asyncData & async created?

wahyufebrianto
Автор

i want to learn nuxt... but i need to learn vuex first...

delita