Data fetching in NextJs using SWR

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

If your page doesn't require SEO (like a profile page) or when it's very dynamic in nature (like a shopping cart page), you can fetch data on the client side. We'll start using standard React hooks (i.e., useState, useEffect), then look at SWR - a library from NextJS creators built for client-side data fetching. Finally, we'll see how to combine NextJs's static site generation (SSG) with client-side data fetching.

➡️ The Ultimate NextJs Course

Hamed Bahram

Рекомендации по теме

Комментарии

Your explain is very simple and awesome, Thanks man👌👍

programmers_code

Can’t wait to see more video. Thank you👍👍👍

krababTurkey

Thank you hamed for this valueable video.

sinaparsapour

Hi, Can I use SWR for my dynamic menu in the header?

hafeezullah

Wow!! Can I take a moment to say that you are fabulous? This tutorial here deserves more views than it already has. Thanks for explaining SWR, the built-in functions and the static-generated, client-side generated and server-side generated pages. You just earned a new subscriber. Looking forward to seeing more tutorials from you.☺😋😇

paschalynukwuani

when using swr do you have to privide a fetcher for every service/api call ?
ex: fetch user provide a fetcher; fetch posts provide a fetcher...

eyotajr

Good video. I have a question about pagination in NextJs. Let's say I have many pages with listings, for the exact city - /listings/city and I want that each page contains pagination and filtering. Pagination and filter params will be passed to query params - As I understand the only way is to use getServerSideProps. Or is possible to mix with the client-side fetching?

AndriusLauFullstack

Hi Hamed, your content is insane good! Thank you so much. What Data Fetching should i use when i have a compleate section like .../content/... and everything behind content/... is just for authenticated users. At the moment i use SSR and fetching inside getServerSideProps... but on every Page change is has to load all the stuff from the server and checks on the server if a user is singed in. What fetching method should i use?
Thank you so much and keep going 😃

leviptz

Data fetching in NextJs using SWR

Next.js 13 Crash Course Tutorial #6 - Fetching & Revalidating Data

Next.js 14 Tutorial - 62 - Data Fetching

Fetching with Next.js 14 — Course part 15

Next.js App Router: Routing, Data Fetching, Caching

Fetching Data Doesn't Get Better Than This

Next.js Tutorial #10 - Fetching Data (getStaticProps)

Fetching Data with Nextjs | 3 Different Patterns

This Data Fetching Combo is OP

Next.js 14 Tutorial - 63 - Fetching Data with Server Components

Server vs Client Side Data Fetching in Next.js 14

Next.js 13 Data Fetching - The Ultimate Guide

Client-Side VS Server-Side Rendering - Data Fetching with Next.js

Data fetching in NextJs using SWR

Server-side data fetching in Next.js 12 vs. 13

Next.js 14 Tutorial - 71 - Client-side Data Fetching

NextJS App router API Data Fetching in Server & Client Components!

Next JS 13 Data fetching Secrets That You Should Know 😯

Next.js 14 Data Fetching - Avoid THIS Mistake Making Your Apps SLOW

Mastering Modern Next.js Data Fetching: Tips, Tricks, and Best Practices

NextJS Data Fetching with App Router

Next.js 13 Data fetching ALL IN ONE video

Next.js 13 - The Basics

Fetching Data in NextJs13 - #4

Fetching Data with NextJS 13