NextJs Data Fetching using SWR React Hooks and getStaticProps-ISR #2 Fetching Data Using SWR

Опубликовано: 18 Март 2025
на канале: Dev AT

1,103

In this series, we will see how you can improve your fetch performance using the SWR React Hooks and Incremental Static Regeneration (Nextjs - ISR).
By combining SWR and ISR, we can take Nextjs to a higher level, much faster and a truly superior experience not inferior to Reactjs with great SEO capabilities, making Nextjs a monster really.
We will see:
1. API Caching
2. Mutation
3. Pagination
4. Reconfirmation
5. And a lot of pre-concepts.
6. Build faster
7. Higher cache hit rate

👉 Demo: https://swr-isr-nextjs-delete.vercel....
👉 Source code: https://github.com/devat-youtuber/swr...

📚 Materials/References:
SWR: https://swr.vercel.app/
ISR: https://vercel.com/docs/concepts/next...
Json-Server: https://www.npmjs.com/package/json-se...
Get Images: https://www.pexels.com/

📚 VScode Extensions:
ES7+ React/Redux/React-Native snippets
Community Material Theme
Material Icon Theme

📚 My Courses:
ReactJS Tutorial for Beginners:    • ReactJS Tutorials
React Query Tutorial:    • React Query Tutorials
Redux Tutorial:    • Redux Tutorials
Zustand Tutorial:    • Zustand
Restful API:    • Restful API
React + Firebase Tutorial:    • React + Firebase
Docker Tutorial:    • Docker Tutorials
DeployTutorial:    • DEPLOY

☕☕ Buy Me a Coffee . Thank You ! ☕☕
https://www.buymeacoffee.com/QK1DkYS
Paypal : https://paypal.me/tuananh251192
Vietcombank: 0061001044348 (LE TUAN ANH)
Momo : 0374481936

🌎 Find Me Here:
Mail: [email protected]
Github: https://github.com/devat-youtuber
Codepen: https://codepen.io/tuan-anh-the-decod...

🚀 Please! Subscribe, Like and Share. 🔥
🚀Thanks for watching video!🔥
🚀Have you good day!🔥

#nextjs #swr #devat

⏱️ Timestamps:
00:00 - Fetching Data users/:id (without using SWR )
07:12 - Install SWR
13:56 - Data Fetching using SWR
23:04 - Global Configuration
26:55 - Automatic Revalidation