Skip to content

In this tutorial, you'll learn how to set up and use Redux Toolkit and RTK Query in your Next.js 13 project. It's worth noting that at the time of writing, Next.js 13 is still in beta.

Notifications You must be signed in to change notification settings

TheHolyRoller/nextjs13-redux-toolkit

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

How to Setup Redux Toolkit in Next.js 13 App Directory

In this tutorial, you'll learn how to set up and use Redux Toolkit and RTK Query in your Next.js 13 project. It's worth noting that at the time of writing, Next.js 13 is still in beta.

How to Setup Redux Toolkit in Next.js 13 App Directory

Topics Covered

  • Setup the Next.js 13 Project
  • Setup the Redux Store
    • Define Typed Hooks
    • Define a Custom Provider
  • Provide the Redux Store to Next.js 13
  • Create the Redux State Slice and Action Types
  • Add the Slice Reducer to the Store
  • Use Redux State and Actions in the Next.js 13 App Directory
  • Create the RTK Query API Service
  • Add the RTK Query API Service to the Store
  • Use RTK Query in the Next.js 13 App Directory

Read the entire article here: https://codevoweb.com/setup-redux-toolkit-in-nextjs-13-app-directory/

About

In this tutorial, you'll learn how to set up and use Redux Toolkit and RTK Query in your Next.js 13 project. It's worth noting that at the time of writing, Next.js 13 is still in beta.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 58.7%
  • TypeScript 40.2%
  • JavaScript 1.1%