https://github.com/wpcodevo/nextjs13-redux-toolkit

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.
https://github.com/wpcodevo/nextjs13-redux-toolkit

nextjs nextjs-app-directory nextjs13 redux redux-toolkit rtk-query

Last synced: about 2 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/wpcodevo/nextjs13-redux-toolkit
• Owner: wpcodevo
• Created: 2023-03-17T22:48:16.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-13T07:36:10.000Z (about 1 year ago)
• Last Synced: 2024-05-15T15:32:44.429Z (8 months ago)
• Topics: nextjs, nextjs-app-directory, nextjs13, redux, redux-toolkit, rtk-query
• Language: CSS
• Homepage: https://codevoweb.com/setup-redux-toolkit-in-nextjs-13-app-directory/
• Size: 61.5 KB
• Stars: 64
• Watchers: 1
• Forks: 28
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## 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](https://codevoweb.com/wp-content/uploads/2023/03/How-to-Setup-Redux-Toolkit-in-Next.js-13-App-Directory.webp)

### 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/](https://codevoweb.com/setup-redux-toolkit-in-nextjs-13-app-directory/)

## How to Deploy or Self-Host a Next.js Application

This article is your go-to resource for learning how to self-host or deploy your Next.js app on a virtual machine running Ubuntu. Our approach involves leveraging the Ubuntu operating system for your server, configuring the powerful NGINX web server to manage incoming traffic, and implementing PM2 to efficiently handle your Next.js application.

![How to Deploy or Self-Host a Next.js Application](https://codevoweb.com/wp-content/uploads/2024/01/How-to-Deploy-or-Self-Host-a-Next.js-Application.webp)

### Topics Covered

- Prerequisites

- Setting Up the Next.js Application

- Setting up our Virtual Machine (VM)

- Pointing Domain Name to the Server

- Connecting to the Server via SSH and Updating Server Packages

- Installing Nginx & Certbot

- Installing NPM and PM2

- Installing NVM and Node.js

- Creating the Next.js App or Pulling from Git Repository

- Configuring NGINX

- Launching Site with PM2

- Adding SSL to Domain Name

- Conclusion

Read the entire article here: [https://codevoweb.com/how-to-deploy-or-self-host-a-next-js-application/](https://codevoweb.com/how-to-deploy-or-self-host-a-next-js-application/)