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
🔗 /watch/tezF7yp_EBpThYyl=is?Q-x2LnBgPZfgF
👉🏼 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
Category
Show more
Comments - 39
Related videos for How to Build a Kanban Board Using Zustand in NextJs 14: