Update layout and styles

installer/nginx.conf.template

@@ -2,12 +2,31 @@ server {
     listen 80;
     server_name {{DOMAIN}};
 
+    # =========================
+    # Serve uploaded files
+    # =========================
+    location /uploads/ {
+        alias /var/www/Surafino/public/uploads/;
+        access_log off;
+        expires 30d;
+        add_header Cache-Control "public";
+    }
+
+    # =========================
+    # Next.js app (PM2)
+    # =========================
     location / {
         proxy_pass http://127.0.0.1:3000;
         proxy_http_version 1.1;
+
         proxy_set_header Upgrade $http_upgrade;
         proxy_set_header Connection "upgrade";
         proxy_set_header Host $host;
+
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+
         proxy_cache_bypass $http_upgrade;
     }
 }

src/app/news/[id]/page.tsx

@@ -52,7 +52,13 @@ export default async function PostPage({
       <div className="grid grid-cols-1 lg:grid-cols-[1fr_360px] gap-5">
 
         {/* ================= LEFT: ARTICLE CONTENT ================= */}
-        <article className="prose dark:prose-invert max-w-none">
+        <article
+          className="
+            prose dark:prose-invert max-w-none
+            order-2
+            lg:order-1
+          "
+        >
           <div
             dangerouslySetInnerHTML={{ __html: post.content }}
           />
@@ -64,6 +70,10 @@ export default async function PostPage({
             border border-gray-200 dark:border-gray-700
             rounded-xl p-6
             h-fit
+
+            order-1
+            lg:order-2
+
             lg:sticky
             lg:bottom-[10px]
           "

src/app/news/page.tsx

@@ -1,3 +1,5 @@
+export const dynamic = "force-dynamic";
+
 import Link from "next/link";
 import { pool } from "@/lib/db";