feat: test ssr

next.config.js

@@ -4,6 +4,11 @@ const withBundleAnalyzer = require('@next/bundle-analyzer')({
 const { withSentryConfig } = require('@sentry/nextjs');
 
 const nextConfig = {
+  logging: {
+    fetches: {
+      fullUrl: true,
+    },
+  },
   output: 'standalone',
   async headers() {
     return [

src/app/ssr-txid/[txId]/page.tsx

@@ -0,0 +1,26 @@
+export default async function Page({ params }: { params: Promise<{ txId: string }> }) {
+  console.log('Fetching data...');
+  const data = await fetch('https://api.vercel.app/blog', {
+    next: { revalidate: 20 }, // Revalidate cache every 20 seconds
+  });
+
+  if (data.headers.get('x-nextjs-cache') === 'HIT') {
+    console.log('Cache hit: serving cached data.');
+  } else {
+    console.log('Cache miss: making a new request.');
+  }
+
+  const posts = await data.json();
+  const txId = (await params).txId;
+
+  return (
+    <>
+      {txId}
+      <ul>
+        {posts.map(post => (
+          <li key={post.id}>{post.title}</li>
+        ))}
+      </ul>
+    </>
+  );
+}