refactor

Author: ThaddeusJiang

examples/11_nextjs_app_router/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "11_nextjs_app_router",
+  "name": "jotai-tanstack-query-example-nextjs-app-router",
   "version": "0.1.0",
   "private": true,
   "scripts": {

examples/11_nextjs_app_router/src/app/api.ts

@@ -0,0 +1,7 @@
+export async function getPost(postId: string) {
+  console.debug('getPost called with postId:', postId)
+  const res = await fetch(
+    `https://jsonplaceholder.typicode.com/posts/${postId}`
+  )
+  return res.json()
+}

examples/11_nextjs_app_router/src/app/posts/[postId]/page.tsx

@@ -5,14 +5,7 @@ import {
   dehydrate,
 } from '@tanstack/react-query'
 import { Post } from './_components/post'
-
-export async function getPost(postId: string) {
-  console.debug('getPost called with postId:', postId)
-  const res = await fetch(
-    `https://jsonplaceholder.typicode.com/posts/${postId}`
-  )
-  return res.json()
-}
+import { getPost } from '@/app/api'
 
 export default async function PostPage({
   params,

examples/11_nextjs_app_router/src/app/stores.ts

@@ -1,6 +1,6 @@
 import { atom } from 'jotai'
 import { atomWithQuery } from 'jotai-tanstack-query'
-import { getPost } from './posts/[postId]/page'
+import { getPost } from './api'
 
 export const postIdAtom = atom<string>('1')
 export const postQueryAtom = atomWithQuery((get) => ({