Global State Management in NextJs 14 Using Zustand

This video will look at global state management in NextJs 14 using Zustand. We'll build a task tracker — Kanban board, and look at persisting the data in the local storage using Zustand middlewares. 👉🏼 The Ultimate NextJs 14 Course 🔗 https://www.hamedbahram.io/courses/nextjs 👉🏼 Project source code (Github) 🔗 https://github.com/HamedBahram/next-zustand 👉🏼 Inspired by @NiklasZiermann video on @freecodecamp 🔗 https://youtu.be/fZPgBnL2x-Q?si=lyYhTpBE_py7Fzet 👉🏼 Let's talk about your project 🔗 https://www.hamedbahram.io/contact Chapters 0:00 Intro 4:00 Zustand Introduction 8:40 Project setup 12:30 Adding Zustand 22:00 Bind components to Zustand 24:20 Adding shadcn/ui 31:50 Adding a new task 33:56 Adding drag & drop logic 44:15 Deleting tasks 45:00 Persist state in local storage 47:00 Hydration error 50:00 Recap