Next.js14 SSR

App router 방식에서의 SSR 적용법

// 'use client' <== 적용하면 안됨
import React, {useEffect, useRef, useState} from "react";
import Test from "@/components/Test";

async function getData() {
  const res = await fetch("http://localhost:3000/api", {
    cache: "no-store", <=== SSR
  });
  if (!res.ok) {
    throw new Error("Failed to fetch data");
  }
  return res.json();
}
export default async function Page() {
  const ssrData = await getData();
  console.log(ssrData);

  return (
    <div className="">
      <Test data={ssrData} />
    </div>
  );
}