Redux Toolkit in Next.js 13 - Building a Shopping Cart

preview_player
Показать описание
You will learn: Nextjs 13/ Redux toolkit / Custom Selectors in Redux and Tailwind CSS
0:00 Demo
1:37 Section 1: Setup Redux Store
7:30: Creating Actions
11:53 Custom Selectors in Redux
18:11 Section 2: Creating Components and Pages With TailwindCSS
18:20 Creating The Redux Provider
20:16 Creating Header Component
22:38 Product Card Component
26:10 Add to Cart Button Component
30:40 Qty Buttons Component
36:49 Cart Icon Component
43:12 Cart Page

#nextjs #redux #tailwindcss #shopping_cart #nextjs13
  1. Sakura Dev
  2. redux toolkit
  3. nextjs 13
  4. next.js 13
  5. nextjs redux toolkit
  6. redux toolkit tutorial
Рекомендации по теме
Next.js 13 Redux 0:13:21

Next.js 13 Redux Toolkit Tutorial

Redux and NextJS 0:34:03

Redux and NextJS 13 Tutorial | Redux Toolkit Tutorial With Next 13

How To Use 0:08:16

How To Use Redux With Next.js App Router

Integrate Redux Toolkit 0:24:20

Integrate Redux Toolkit with Next.js - Example with TypeScript

Redux Toolkit Setup 0:55:43

Redux Toolkit Setup with Next.js V14

RTK (Redux Toolkit) 0:27:51

RTK (Redux Toolkit) + Next.js + createAPI + createSlice + Typescript + RTK Query + Search + Filter

How to add 0:15:18

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

Next Js 13 0:10:03

Next Js 13 with Redux Toolkit #6 Slice in Redux Tool Kit

Next Js 13 0:07:13

Next Js 13 with Redux Toolkit #1 Introduction | what is redux ToolKit

React Redux Toolkit 0:29:57

React Redux Toolkit | TypeScript | Next 13 | app directory

Next Js 13 0:07:53

Next Js 13 with Redux Toolkit #9 Get Data From Redux Store

Integrate Redux Toolkit 0:30:10

Integrate Redux Toolkit in Nextjs 14+ - A Complete Guide

Next Js 13 0:10:37

Next Js 13 with Redux Toolkit #12 Redux store with Local Storage

How to install 0:02:45

How to install redux in next.js 13 | | Redux toolkit tutorial in hindi

🚀 Duo IMPARABLE 0:17:16

🚀 Duo IMPARABLE 💪 CÓMO combinar REDUX TOOLKIT y NEXT.js 13 para lograr resultados EXTRAORDINARIOS...

Next Js 13 0:05:56

Next Js 13 with Redux Toolkit tutorial #3 Install

Next Js 13 0:16:43

Next Js 13 with Redux Toolkit #15 API call with redux tool kit

How to use 0:29:35

How to use Redux Toolkit + Next JS 13 with three projects, Next JS Course 2023

Redux Toolkit in 0:52:40

Redux Toolkit in Next.js 13 - Building a Shopping Cart

Using Redux Toolkit 0:10:56

Using Redux Toolkit with Next.js

Next Js 13 0:09:53

Next Js 13 with Redux Toolkit #5 Component for Redux

Redux Tutorial With 0:29:03

Redux Tutorial With Next JS 13 | Ecommerce Cart Project

Next Js 13 0:10:37

Next Js 13 with Redux Toolkit #11 Pass Redux data between Pages

Redux - Complete 0:37:01

Redux - Complete Tutorial (with Redux Toolkit)

Комментарии
Автор

It was so advanced and great, thank you...

MrMaraxli
Автор

Great, great content. Thank you very much

andres_gallego
Автор

thank you bro, please more in nextJS Projects 🤩

bryikcode
Автор

Thank you, I feel sometime sad that you have very less subscribers knowledge that you're providing must reach many people.

prashlovessamosa
Автор

Hope you'll make a new next13 project with Auth

MrMaraxli
Автор

yes I am thinking to do the same thing but i find it verry annoying to separate every button just to make it use client. I hope nextjs team will make something to change that

SpriteTheDude
Автор

Great video, thanks for all the insight. Out of curiosity, would it be possible to preserve the state on page reload for example?

saratiko
Автор

bro can u tell me it gives : - error TypeError: (0, is not a function
at stringify (<anonymous>)
digest: "1225365413"
null when i wrap Providers in layout.tsx can u tell me why i have done same as you

rohanali