testing this shit

config.ecosystem.js

@@ -0,0 +1,21 @@
+module.exports = {
+  apps: [
+    {
+      name: "markdownblog",
+      script: "node_modules/next/dist/bin/next",
+      args: "start",
+      instances: 1, // Use 1 unless you have a reverse proxy
+      autorestart: true,
+      watch: false,
+      max_memory_restart: "1G",
+      env: {
+        NODE_ENV: "development"
+      },
+      env_production: {
+        NODE_ENV: "production",
+        PORT: 3000,
+        HOST: "0.0.0.0"
+      }
+    }
+  ]
+};

package.json

@@ -27,6 +27,7 @@
     "jsdom": "^24.0.0",
     "marked": "^12.0.0",
     "next": "14.1.0",
+    "pm2": "^6.0.8",
     "postcss": "^8.4.35",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

src/app/AboutButton.tsx

@@ -14,7 +14,11 @@ export default function AboutButton() {
       label="ABOUT ME"
       color="#2563eb"
       icon={InfoIcon}
-      onClick={() => window.open('http://' + window.location.hostname + ':80', '_blank')}
+      onClick={() => {
+        if (typeof window !== 'undefined') {
+          window.open('http://' + window.location.hostname + ':80', '_blank');
+        }
+      }}
     />
   );
 }

src/app/HeaderButtons.tsx

@@ -27,7 +27,7 @@ export default function HeaderButtons() {
         />
       </a>
       {/* If your server for about me is running on a different port, change the port number here */}
-      <a href={window.location.origin.replace('3000', '80')} target="_self" rel="noopener noreferrer">
+      <a href={typeof window !== 'undefined' ? window.location.origin.replace('3000', '80') : '#'} target="_self" rel="noopener noreferrer">
         <img
           src="https://img.shields.io/badge/About%20Me-000000?style=for-the-badge&logo=account&logoColor=white&labelColor=2563eb"
           alt="About Me"