feat: change api to server action

app/example/fetching/fetching-component.tsx

@@ -1,10 +1,12 @@
-export async function getData() {
-  // eslint-disable-next-line
-  return await new Promise((resolve) => setTimeout(resolve, 1000)).then((_) => 'Success!');
-}
+import { getExample } from 'app/server/example/action';
 
 export default async function FetchingComponent() {
-  const data = await getData();
+  const data = await getExample();
 
-  return <div className="">{data}</div>;
+  return (
+    <div className="">
+      <h1>{data.title}</h1>
+      <span>{data.description}</span>
+    </div>
+  );
 }

app/example/fetching/page.tsx

@@ -1,19 +1,16 @@
 import Loading from 'app/common/components/ui/loading';
 import { Suspense } from 'react';
 
-import ClientComponent from './client-component';
 import FetchingComponent from './fetching-component';
 
-export const runtime = 'edge';
+export const revalidate = 0;
 
 export default function ExamplePage() {
   return (
     <main className="flex min-h-screen flex-col items-center p-8">
       <Suspense fallback={<Loading />}>
         <FetchingComponent />
       </Suspense>
-
-      <ClientComponent />
     </main>
   );
 }

app/server/example/action.ts

@@ -0,0 +1,13 @@
+'use server';
+
+import type { IExample } from 'app/server/example/interfaces';
+
+export async function getExample() {
+  // const data = await getExample() <- this is where you would call your service
+  const data: IExample = {
+    title: 'hello world!',
+    description: 'This is an example route.',
+  };
+
+  return data;
+}

app/api/example/model.ts → app/server/example/model.ts

@@ -1,4 +1,4 @@
-import type { IExample } from 'app/example/interfaces';
+import type { IExample } from 'app/server/example/interfaces';
 import type { Model } from 'mongoose';
 import mongoose, { model } from 'mongoose';
 

app/api/example/service.ts → app/server/example/service.ts

@@ -1,5 +1,5 @@
-import dbConnect from '@api/db-connect';
-import type { IExample } from 'app/example/interfaces';
+import dbConnect from 'app/server/db-connect';
+import type { IExample } from 'app/server/example/interfaces';
 
 import Example from './model';