YoVDO

Mutating Data in Next.js - Mutations with Nextjs 13

Offered By: Dave Gray via YouTube

Tags

Next.js Courses Web Development Courses

Course Description

Overview

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

Related Courses

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX