Video: How to add Redux to ANY Next.js app in 15 minutes (For Beginners)

🚨 Join the world’s BEST developer community “Zero to Full Stack Hero”: https://www.papareact.com/course

📩 Want coding problems (with solutions!) delivered to your inbox daily? https://www.papareact.com/dailycodingchallenges

🔴 LOOKING FOR THE CODE? 🛠️

https://links.papareact.com/github

👇🏻FOLLOW ME HERE:

Instagram: https://links.papareact.com/instagram

Facebook: https://links.papareact.com/facebook

LinkedIn: https://links.papareact.com/linkedin

Twitter: https://links.papareact.com/twitter

Discord: https://links.papareact.com/discord

Newsletter: https://links.papareact.com/newsletter

💰 WANT TO SUPPORT THE CHANNEL?

Donate here: https://links.papareact.com/donate

Grab some PAPA Merch: https://links.papareact.com/merch

🕐 TIMESTAMPS:

00:00 Introduction

00:19 SkillShare Sponsorship

02:05 Initialising the Next.js App with Typescript

02:54 Adding Redux & Setting up the Store

04:13 Wrapping App in a Redux Provider

05:38 Creating our First Redux Slice

08:48 Importing Counter Slice to the Store

09:29 Starting the App & Debugging with Redux Devtools

10:24 Adding our first Selector with the useSelector Hook

11:50 Adding Buttons to Dispatch Actions with the useDispatch Hook

12:36 Testing our App built with Redux!

13:32 Bonus Tip: How to correctly write a Selector

14:38 Outro

Let’s get it PAPAFAM 🔥.

#reactjs #nextjs #redux