Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Mutating Data in Next.js - Mutations with Nextjs 13

Dave Gray via YouTube

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

Reviews

Start your review of Mutating Data in Next.js - Mutations with Nextjs 13

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.