// actions/someaction.server.js
"use server";
export default async function fetchData(params) {
  try {
    const response = await fetch(`url`, {
      cache: "no-store", //avoid caching data
      method: "GET",
      headers: {
        Authorization: "my super duber secer token",
      },
    });

    if (!response.ok) {
      console.error(`API call failed with status code ${response.status}`);
      return false;
    }
    const data = await response.json();
    return data;
  } catch (error) {
    console.error(error);
    return false;
  }
}

// app/sample/page.js
"use client"
import { useEffect, useState } from "react";

export default function myDynamicPage({params}){

    const [data, setData] = useState(null);
    const [isLoading, setIsLoading] = useState(true);

    useEffect(() => {

        async function fetchDataFromServerSide() {
          try {
            const data = await fetchGuilds();
            if(data){
            setData(data);
            }
            if(!data){
                // handle data was not feched
            }
          } catch (error) {
            console.error("Failed to fetch:", error);
            // handle error case 
          }
        }
    
        fetchDataFromServerSide();
        setIsLoading(false);
      }, [params, isLoading]);
      if (isLoading) {
        return (
            <div>
            <h1>loading page...</h1>
          </div>
        )
      } else {
        return //formated data
      }
}

I'm beginner on web applications going true tutorials i understand this is the right way how to fetch data on server side?

or i still need to build that (res and req) bit to pass data ? I'm just have built 70% of app and would like know before i need to waist all my job or rewrite am i on right path?

tnx in advance!