Fix OG image URL to use VERCEL_PROJECT_PRODUCTION_URL

Use production domain for OG images instead of deployment-specific URL

Author: gregce

README.md

@@ -33,7 +33,7 @@ npx create-unmint@latest my-docs
 
 </td>
 </tr>
-</table>
+</table>`
 
 </div>
 

packages/create-unmint/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-unmint",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "Create a new Unmint documentation project",
   "type": "module",
   "bin": {

packages/template/lib/theme-config.ts

@@ -90,13 +90,18 @@ export function getCSSVariables(mode: 'light' | 'dark') {
 
 /**
  * Get the site URL dynamically
- * Priority: NEXT_PUBLIC_SITE_URL > VERCEL_URL > siteConfig.url
+ * Priority: NEXT_PUBLIC_SITE_URL > VERCEL_PROJECT_PRODUCTION_URL > VERCEL_URL > siteConfig.url
  * This allows OG images to work automatically on Vercel without configuration
  */
 export function getSiteUrl(): string {
   if (process.env.NEXT_PUBLIC_SITE_URL) {
     return process.env.NEXT_PUBLIC_SITE_URL
   }
+  // Use production URL if available (custom domain)
+  if (process.env.VERCEL_PROJECT_PRODUCTION_URL) {
+    return `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`
+  }
+  // Fallback to deployment URL for preview deployments
   if (process.env.VERCEL_URL) {
     return `https://${process.env.VERCEL_URL}`
   }