Example static rendering next app router

static-rendering.tsx

import { readdirSync } from "fs";
import path from "path";
import { performance } from "perf_hooks";

async function getBlogPosts(path: string) {
  const postFiles = await readdirSync(path);
  const posts = postFiles.map((name) => ({ name }));

  console.log("posts", posts);
  return posts;
}

export const revalidate = 5; // revalidate the data at most every 5 seconds
// Only working running a build version

export default async function Page() {
  const start = performance.now();
  const posts = await getBlogPosts(path.resolve("./src/posts"));
  const end = performance.now();
  console.log(`Duration: ${end - start} ms`);

  return (
    <>
      {posts.map((p) => (
        <h2 key={p.name}>{p.name}</h2>
      ))}
    </>
  );
}