Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

Learn how to revalidate with Next.js 13. There are two types of revalidation: Background Revalidation and On-Demand Revalidation. This tutorial will show you how to apply both to your Next.js app or blog.

⭐ Become a full-stack web dev with Zero To Mastery Courses:
- Complete Next.js Developer: https://bit.ly/CompNextJSDev
- Advanced React: https://bit.ly/AdvReactDev
- Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr

Subscribe https://bit.ly/3nGHmNn

Course Updates https://courses.davegray.codes/

Questions - Please post them to my Discord https://discord.gg/neKghyefqh

Buy Me A Coffee https://www.buymeacoffee.com/davegray

Follow Me On Social Media:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/

Source Code: https://github.com/gitdagray/next-js-course

Playlist for this Next.js Course: https://bit.ly/dg-nextjs

Revalidate with Next.js | On-Demand Revalidation in Nextjs 13

(00:00) Intro
(00:05) Welcome
(00:30) Starter Code & Lesson Plan
(01:38) Application Overview
(03:40) Two Types of Revalidation
(04:54) Route Segment Config Options
(05:45) dynamicParams config option
(06:03) revalidate config option
(06:36) Setting the route segment config option
(07:32) Build App & Try Revalidating
(10:50) How Background Revalidation & ISR works
(13:19) On-Demand Revalidation
(14:08) Create & Store a Secret Token
(16:24) Revalidate API Route
(17:55) Revalidate Request URL
(19:51) Revalidate Request Handler
(24:26) Trying out On-Demand Revalidation
(27:10) Blog Workflow & Wrap-up

Tutorial References:
Next.js Official Site: https://nextjs.org/
Next.js 13 Beta Docs: https://beta.nextjs.org/docs
ES7 React Snippets Extension: https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

Was this Next.js tutorial about revalidation helpful? If so, please share. Let me know your thoughts in the comments.

#nextjs #revalidate #revalidation