add store and base api

src/App.tsx

@@ -1,3 +1,12 @@
+import { Provider } from 'react-redux'
+
+import { Router } from '@/router'
+import { store } from '@/services/store'
+
 export function App() {
-  return <div>Hello</div>
+  return (
+    <Provider store={store}>
+      <Router />
+    </Provider>
+  )
 }

src/router.tsx

@@ -0,0 +1,14 @@
+import { createBrowserRouter, RouteObject, RouterProvider } from 'react-router-dom'
+
+const routes: RouteObject[] = [
+  {
+    path: '/',
+    element: <div>hello</div>,
+  },
+]
+
+const router = createBrowserRouter(routes)
+
+export const Router = () => {
+  return <RouterProvider router={router} />
+}

src/services/auth/auth.ts

@@ -0,0 +1,21 @@
+import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'
+
+export const api = createApi({
+  reducerPath: 'api',
+  baseQuery: fetchBaseQuery({
+    baseUrl: 'http://localhost:3333',
+    credentials: 'include',
+    prepareHeaders: headers => {
+      headers.append('x-auth-skip', 'true')
+    },
+  }),
+  endpoints: builder => {
+    return {
+      getMe: builder.query<any, void>({
+        query: () => `v1/decks`,
+      }),
+    }
+  },
+})
+
+export const { useGetMeQuery } = api

src/services/auth/index.ts

@@ -0,0 +1 @@
+export * from './auth.ts'

src/services/store.ts

@@ -0,0 +1,13 @@
+import { configureStore } from '@reduxjs/toolkit'
+
+import { api } from '@/services/auth'
+
+export const store = configureStore({
+  reducer: {
+    [api.reducerPath]: api.reducer,
+  },
+  middleware: getDefaultMiddleware => getDefaultMiddleware().concat(api.middleware),
+})
+
+export type AppDispatch = typeof store.dispatch
+export type RootState = ReturnType<typeof store.getState>