standalone is not ready yet

Dockerfile

@@ -41,12 +41,9 @@ RUN adduser --system --uid 1001 nextjs
 
 COPY --from=git-log --chown=nextjs:nodejs /usr/bin/git-log /usr/bin/git-log
 
-COPY --from=builder /app/public ./public
-
 # Automatically leverage output traces to reduce image size
 # https://nextjs.org/docs/advanced-features/output-file-tracing
-COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/ ./
-COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
 
 USER nextjs
 
@@ -54,4 +51,4 @@ EXPOSE 3000
 
 ENV PORT 3000
 
-CMD ["node", "server.js"]
+CMD ["yarn", "start"]

app/blog/page.tsx

@@ -0,0 +1,12 @@
+import { Suspense } from 'react';
+import Posts from './posts';
+
+export default function Page() {
+  return (
+    <div className="space-y-6 pt-6">
+      <Suspense fallback={<div>Loading...</div>}>
+        <Posts />
+      </Suspense>
+    </div>
+  );
+}

app/blog/posts.tsx

@@ -0,0 +1,30 @@
+import { getPosts } from '@/lib/getPosts';
+import { cookies } from 'next/headers';
+import { use } from 'react';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+
+export default function Posts() {
+  const c = cookies();
+
+  const posts = use(getPosts());
+
+  return (
+    <>
+      {posts.map((p) => (
+        <div className="space-y-2 rounded-md border border-solid border-gray-700 p-4 text-white">
+          <p className="font-bold">@{p.author.name}</p>
+          <p className="italic">{p.title}</p>
+          <div className="markdown">
+            {p.message && (
+              <ReactMarkdown children={p.message} remarkPlugins={[remarkGfm]} />
+            )}
+          </div>
+          <small className="mt-2">
+            {new Date(p.time * 1000).toLocaleString()}
+          </small>
+        </div>
+      ))}
+    </>
+  );
+}

app/page.tsx

@@ -1,9 +1,12 @@
+import { Suspense } from 'react';
 import Posts from './posts';
 
-export default async function Page() {
+export default function Page() {
   return (
     <div className="space-y-6 pt-6">
-      <Posts />
+      <Suspense fallback={<div>Loading...</div>}>
+        <Posts />
+      </Suspense>
     </div>
   );
 }

app/posts.tsx

@@ -4,7 +4,7 @@ import { use } from 'react';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 
-const Posts = () => {
+export default function Posts() {
   const c = cookies();
 
   const posts = use(getPosts());
@@ -27,6 +27,4 @@ const Posts = () => {
       ))}
     </>
   );
-};
+}
-
-export default Posts;

next.config.js

@@ -2,7 +2,6 @@
 const nextConfig = {
   reactStrictMode: true, // Recommended for the `pages` directory, default in `app`.
   swcMinify: true,
-  output: 'standalone',
   experimental: {
     // Required:
     appDir: true,

package.json

@@ -18,7 +18,7 @@
   "dependencies": {
     "clsx": "1.2.1",
     "concurrently": "7.5.0",
-    "next": "latest",
+    "next": "13.0.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-markdown": "8.0.3",

yarn.lock

@@ -3113,7 +3113,7 @@ natural-compare@^1.4.0:
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
-next@latest:
+next@13.0.2:
   version "13.0.2"
   resolved "https://registry.yarnpkg.com/next/-/next-13.0.2.tgz#b8c8642c70f736ed91105645391d335fc51c8f62"
   integrity sha512-uQ5z5e4D9mOe8+upy6bQdYYjo/kk1v3jMW87kTy2TgAyAsEO+CkwRnMgyZ4JoHEnhPZLHwh7dk0XymRNLe1gFw==