Fix SEO

.vscode/extensions.json

@@ -1,3 +1,8 @@
 {
-	"recommendations": ["oxc.oxc-vscode"]
+	"recommendations": [
+		"oxc.oxc-vscode",
+		"Vue.volar",
+		"bradlc.vscode-tailwindcss",
+		"arktypeio.arkdark"
+	]
 }

apps/frontend/.env.example

@@ -1,7 +1,7 @@
 NUXT_PUBLIC_API_BASE_URL=
 
-NUXT_SITE_URL=
-NUXT_SITE_NAME=
+NUXT_PUBLIC_SITE_URL=
+NUXT_PUBLIC_SITE_NAME=
 
 # Must be: development, staging or production
-NUXT_SITE_ENV=
+NUXT_PUBLIC_SITE_ENV=

apps/frontend/.env.local

@@ -1,5 +1,5 @@
 NUXT_PUBLIC_API_BASE_URL=http://localhost:8080
 
-NUXT_SITE_URL=http://localhost:3000
-NUXT_SITE_NAME=Solitar
-NUXT_SITE_ENV=development
+NUXT_PUBLIC_SITE_URL=http://localhost:3000
+NUXT_PUBLIC_SITE_NAME=Solitar
+NUXT_PUBLIC_SITE_ENV=development

apps/frontend/nuxt.config.ts

@@ -15,6 +15,11 @@ export default defineNuxtConfig({
 	runtimeConfig: {
 		public: {
 			apiBaseUrl: "",
+			site: {
+				name: "",
+				url: "",
+				env: "",
+			},
 		},
 	},
 	// Deploy

apps/frontend/src/app/app.vue

@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import type { ToasterProps } from "@nuxt/ui";
 
+defineOgImageComponent("BasicOG");
+
 const toaster: ToasterProps = { position: "top-right" };
 
 const siteConfig = useSiteConfig();

apps/frontend/src/app/components/OgImage/BasicOG.vue

@@ -0,0 +1,5 @@
+<template>
+	<div class="w-full h-full flex items-center justify-center">
+		<img src="/template_og.png" class="absolute inset-0 w-full h-full object-cover" />
+	</div>
+</template>

apps/frontend/wrangler.jsonc

@@ -20,10 +20,10 @@
 	},
 	"keep_vars": false,
 	"vars": {
-		"NUXT_SITE_URL": "https://solitar.link",
 		"NUXT_PUBLIC_API_BASE_URL": "https://api.solitar.link",
-		"NUXT_SITE_ENV": "production",
-		"NUXT_SITE_NAME": "Solitar",
+		"NUXT_PUBLIC_SITE_URL": "https://solitar.link",
+		"NUXT_PUBLIC_SITE_ENV": "production",
+		"NUXT_PUBLIC_SITE_NAME": "Solitar",
 	},
 	"env": {
 		"staging": {
@@ -33,10 +33,10 @@
 			},
 			"routes": [{ "pattern": "staging.solitar.link", "custom_domain": true }],
 			"vars": {
-				"NUXT_SITE_URL": "https://staging.solitar.link",
 				"NUXT_PUBLIC_API_BASE_URL": "https://staging-api.solitar.link",
-				"NUXT_SITE_ENV": "staging",
-				"NUXT_SITE_NAME": "Solitar Staging",
+				"NUXT_PUBLIC_SITE_URL": "https://staging.solitar.link",
+				"NUXT_PUBLIC_SITE_ENV": "staging",
+				"NUXT_PUBLIC_SITE_NAME": "Solitar Staging",
 			},
 		},
 	},

package.json

@@ -19,7 +19,7 @@
 		"typescript": "5.9.2"
 	},
 	"engines": {
-		"node": ">=18"
+		"node": "^24"
 	},
 	"packageManager": "pnpm@10.30.0"
 }