Next.js 15 with App Router + Redux Toolkit: Requesting Use Cases and Examples for createApi and createAsyncThunk. When to use What?

[Sopan-Shinde]

Hi everyone 👋,

I'm currently working on a project using the following tech stack:

Next.js 15 with App Router

React 19

TypeScript

Redux Toolkit

Tailwind CSS v4

ECharts for charting

Go (Fiber) backend

I'm successfully using Redux Toolkit and want to ensure I'm applying best practices for API interactions using both:

createApi from RTK Query

createAsyncThunk for custom logic

✅ What I've done so far:

Configured Redux store using configureStore

Wrapped my app with <Provider /> in app/layout.tsx

Created simple createApi endpoints (GET/POST)

Used createAsyncThunk for login flows

❓ What I’m looking for:

I’d love to see more real-world examples or use cases that demonstrate:

When to prefer createApi vs createAsyncThunk

Handling error states with both

How to combine both in a large-scale app

How to organize these in a scalable folder structure

Any performance or architectural considerations specific to Next.js App Router

Bonus if examples are:

Compatible with client components

Explanation on extraReducers and addCase 

Show how createApi and createAsyncThunk can co-exist

Work well with server-side logic from Go/Fiber backends

Would really appreciate your input — examples, GitHub repos, or even blog posts are welcome!

Thanks in advance 🙏
Looking forward to contributing back what I learn!

#redux-toolkit #nextjs #rtk-query #createAsyncThunk #typescript #app-router #state-management