Overview
Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn how to mutate data and see immediate updates in Next.js 13 through this comprehensive tutorial video. Explore the intricacies of Next.js data caching, the useRouter hook, and the differences between hard and soft navigation within your application. Gain insights into two effective methods for achieving instant data updates, understand the components involved, and learn to implement router.refresh(). Follow along as the instructor reviews the app in VS Code, runs it with JSON-Server, and identifies critical issues. Discover the implications of setting prefetch to false and understand the distinctions between hard and soft navigation. Evaluate whether prefetch is the optimal solution and get a glimpse of upcoming improvements in Next.js data mutation handling.
Syllabus
Intro
Welcome
Lesson Plan
Important Note
Two ways to see immediate updates
Reviewing the components
router.refresh
Reviewing the app in VS Code
Running the app & JSON-Server
Identifying a BIG Problem
Setting prefetch to false
Hard navigation vs Soft navigation
Is prefetch the right solution?
A Better Solution is almost here
Taught by
Dave Gray