Paymenter · CorwinDev · Nov 3, 2025 · Nov 3, 2025 · Nov 3, 2025 · Nov 3, 2025
diff --git a/.gitignore b/.gitignore
@@ -2,4 +2,5 @@ node_modules
 .vscode
 .vitepress/cache/
 .vitepress/cache
-.vitepress/dist
+.vitepress/dist
+.wrangler
diff --git a/.vitepress/config.mjs b/.vitepress/config.mjs
@@ -34,6 +34,25 @@ export default {
     latestVersion: '1.0.0'
   },
 
+  transformHead: ({ pageData }) => {
+    const head = []
+
+    head.push(['meta', { property: 'og:title', content: pageData.frontmatter.title ? pageData.frontmatter.title + " | Paymenter" : 'Paymenter' }])
+    head.push(['meta', { property: 'og:description', content: pageData.frontmatter.description ? pageData.frontmatter.description : 'Paymenter is an open source payment gateway for your hosting.' }])
+
+    head.push(['meta', { property: 'image:title', content: pageData.frontmatter.title ? pageData.frontmatter.title : 'Paymenter' }])
+    head.push(['meta', { property: 'image:description', content: pageData.frontmatter.description ? pageData.frontmatter.description : 'Paymenter is an open source payment gateway for your hosting.' }])
+
+    // If path is /docs/* set og:image to path/social-image.png
+    if (pageData.relativePath && pageData.relativePath.startsWith('docs/')) {
+      head.push(['meta', { property: 'og:image', content: `/docs/${pageData.relativePath.replace('docs/', '').replace('.md', '')}/social-image.png` }])
+    } else {
+      head.push(['meta', { property: 'og:image', content: '/textlogo.png' }])
+    }
+
+    return head
+  },
+
   themeConfig: {
     search: {
       provider: 'local'
@@ -234,13 +253,6 @@ export default {
     ]
   },
   head: [
-    [
-      'meta',
-      {
-        property: 'og:image',
-        content: '/textlogo.png'
-      }
-    ],
     [
       'link',
       {

diff --git a/docs/contribute/docs-translations.md b/docs/contribute/docs-translations.md
@@ -1,3 +1,7 @@
+---
+title: Docs Translations
+description: Help translate Paymenter documentation into different languages
+---
 # Help Translating Paymenter
 
 Paymenter is a multilingual project and we need your help to translate it into different languages. If you want to help us, please follow the steps below.

diff --git a/docs/contribute/how-to-help.md b/docs/contribute/how-to-help.md
@@ -1,3 +1,7 @@
+---
+title: How to Help
+description: Contribute to the development of Paymenter
+---
 # Help Building Paymenter
 
 Paymenter is a open-source project and is worked on by multiple contributors. If you want to help us, please follow the steps below.

diff --git a/docs/extensions/convoy.md b/docs/extensions/convoy.md
@@ -1,3 +1,7 @@
+---
+title: Convoy Server
+description: Guide to configure Convoy as Server extension
+---
 # Convoy
 
 ## Overview

diff --git a/docs/extensions/cpanel.md b/docs/extensions/cpanel.md
@@ -1,3 +1,7 @@
+---
+title: cPanel
+description: Guide to configure cPanel as Server extension
+---
 # cPanel 
 
 ## Create an API key in cPanel

diff --git a/docs/extensions/directadmin.md b/docs/extensions/directadmin.md
@@ -1,3 +1,7 @@
+---
+title: DirectAdmin
+description: Guide to configure DirectAdmin as Server extension
+---
 # DirectAdmin
 
 ## Configure Paymenter

diff --git a/docs/extensions/enhance.md b/docs/extensions/enhance.md
@@ -1,3 +1,7 @@
+---
+title: Enhance
+description: Guide to configure Enhance as Server extension
+---
 # Enhance
 
 ## Overview

diff --git a/docs/extensions/mollie.md b/docs/extensions/mollie.md
@@ -1,3 +1,7 @@
+---
+title: Mollie
+description: Guide to configure Mollie as Payment Gateway extension
+---
 # Mollie
 
 ## Finding the API key

diff --git a/docs/extensions/paypal.md b/docs/extensions/paypal.md
@@ -1,3 +1,7 @@
+---
+title: PayPal
+description: Guide to configure PayPal as Payment Gateway extension
+---
 # PayPal
 
 _You don't have a PayPal business account OR want a easier install? Use PayPal IPN, you'll only need your email_

diff --git a/docs/extensions/plesk.md b/docs/extensions/plesk.md
@@ -1,3 +1,7 @@
+---
+title: Plesk
+description: Guide to configure Plesk as Server extension
+---
 # Plesk
 
 ## Configure Paymenter

diff --git a/docs/extensions/proxmox.md b/docs/extensions/proxmox.md
@@ -1,8 +1,11 @@
+--- 
+title: Proxmox
+description: Guide to configure Proxmox as Server extension
+---
 # Proxmox
 
 
 :::warning
-This extension is in beta and may not work as expected. Please report any issues you encounter.
 This extension only supports QEMU/KVM virtualization at the moment.
 This extension requires Proxmox 8.4 or higher.
 :::

diff --git a/docs/extensions/pterodactyl.md b/docs/extensions/pterodactyl.md
@@ -1,3 +1,7 @@
+---
+title: Pterodactyl
+description: Guide to configure Pterodactyl as Server extension
+---
 # Pterodactyl
 
 ## Overview

diff --git a/docs/extensions/stripe.md b/docs/extensions/stripe.md
@@ -1,3 +1,7 @@
+---
+title: Stripe
+description: Guide to configure Stripe as Payment Gateway extension
+---
 # Stripe
 
 ## Overview

diff --git a/docs/extensions/virtfusion.md b/docs/extensions/virtfusion.md
@@ -1,3 +1,7 @@
+---
+title: Virtfusion
+description: Guide to configure Virtfusion as Server extension
+---
 # Virtfusion
 
 ## Overview

diff --git a/docs/extensions/virtualizor.md b/docs/extensions/virtualizor.md
@@ -1,3 +1,7 @@
+---
+title: Virtualizor
+description: Guide to configure Virtualizor as Server extension
+---
 # Virtualizor
 
 ## Overview

diff --git a/docs/getting-started/introduction.md b/docs/getting-started/introduction.md
@@ -1,3 +1,7 @@
+---
+title: Introduction
+description: Introduction to Paymenter billing platform
+---
 # What is Paymenter?
 
 Paymenter is an open-source billing platform tailored for hosting companies. It simplifies the management of hosting services, providing a seamless experience for both providers and customers. Built on modern web technologies, Paymenter offers a flexible and robust solution for your hosting business needs.

diff --git a/docs/guides/FAQ.md b/docs/guides/FAQ.md
@@ -1,3 +1,7 @@
+---
+title: FAQ
+description: "Frequently Asked Questions about Paymenter"
+---
 # FAQ
 
 ::: details CSS assets are not loading

diff --git a/docs/guides/OAuth.md b/docs/guides/OAuth.md
@@ -1,3 +1,7 @@
+---
+title: OAuth
+description: Set up OAuth login using Discord, GitHub, and Google.
+---
 # OAuth
 
 A simple tutorial on how to add OAuth authorization to your Paymenter installation.

diff --git a/docs/guides/cli.md b/docs/guides/cli.md
@@ -1,3 +1,7 @@
+---
+title: CLI
+description: Command Line Interface commands for Paymenter
+---
 # CLI
 
 All commands should be ran from the root of your Paymenter installation. (normally `/var/www/paymenter`)

diff --git a/docs/guides/gateways/index.md b/docs/guides/gateways/index.md
@@ -1,3 +1,7 @@
+---
+title: Gateways
+description: Manage and configure payment gateways in Paymenter
+---
 # Gateways
 
 Gateways in Paymenter are used to process payments and subscriptions using various payment providers. They handle the communication between your Paymenter instance and the payment provider, allowing you to accept payments from your customers.

diff --git a/docs/guides/products/config-options.md b/docs/guides/products/config-options.md
@@ -1,3 +1,7 @@
+---
+title: Config Options
+description: Create and manage configurable product options in Paymenter
+---
 # Config Options
 
 Config options are a powerful feature which allow your customer to customise their product. You can create config options for any product.

diff --git a/docs/guides/products/index.md b/docs/guides/products/index.md
@@ -1,3 +1,7 @@
+---
+title: Products
+description: Manage and configure products in Paymenter
+---
 # Products
 
 Products are the core of Paymenter. They represent the services you offer to your customers. This can be anything from web hosting, game servers, or even digital products like software licenses.

diff --git a/docs/guides/servers/index.md b/docs/guides/servers/index.md
@@ -1,3 +1,8 @@
+---
+title: Servers
+description: Manage and configure servers in Paymenter
+---
+
 # Servers
 
 Servers in Paymenter are used to provision and manage services for your customers. They can be game servers, web hosting servers, or any other type of server that you want to integrate with Paymenter.

diff --git a/docs/guides/whmcs-importer.md b/docs/guides/whmcs-importer.md
@@ -1,3 +1,7 @@
+---
+title: WHMCS Importer
+description: Migrate from WHMCS to Paymenter
+---
 # WHMCS Importer
 
 This guide will help you migrate from WHMCS to Paymenter.

diff --git a/docs/installation/docker.md b/docs/installation/docker.md
@@ -1,3 +1,7 @@
+---
+title: "Docker Installation"
+description: Installation guide to install Paymenter using Docker
+---
 # Docker
 
 Installation guide for Paymenter using Docker.

diff --git a/docs/installation/install.md b/docs/installation/install.md
@@ -1,4 +1,6 @@
 ---
+title: Installation
+description: Step-by-step guide to install Paymenter on your server
 next: 
     text: Webserver Setup
     link: /docs/installation/webserver

diff --git a/docs/installation/ssl.md b/docs/installation/ssl.md
@@ -1,3 +1,8 @@
+---
+title: "Creating SSL Certificates"
+description: Create SSL certificates for your Paymenter installation
+---
+
 # Creating SSL Certificates
 
 Paymenter's official guide to generating SSL certificates. An SSL certificate secures your site, displaying the padlock icon and "Secure" label in browsers.

diff --git a/docs/installation/updating.md b/docs/installation/updating.md
@@ -1,3 +1,7 @@
+---
+title: "Updating Paymenter"
+description: "Update your Paymenter installation to the latest version"
+---
 # How to update
 
 Before you start the upgrade process make sure that your extensions and themes are compatible with the new version. Check the extension/theme documentation or the marketplace for compatibility information.

diff --git a/docs/installation/webserver.md b/docs/installation/webserver.md
@@ -1,3 +1,7 @@
+---
+title: "Webserver Setup"
+description: "Configure your webserver for Paymenter"
+---
 # Webserver Setup
 
 ## Nginx

diff --git a/functions/docs/_middleware.jsx b/functions/docs/_middleware.jsx
@@ -0,0 +1,76 @@
+
+import React from 'react'
+import vercelOGPagesPlugin from '@cloudflare/pages-plugin-vercel-og'
+
+export const onRequest = vercelOGPagesPlugin({
+  imagePathSuffix: '/social-image.png',
+  component: ({ ogTitle, ogDescription, pathname }) => {
+    return (
+      <div
+        style={{
+          display: 'flex',
+          flexDirection: 'column',
+          height: '630px',
+          width: '1200px',
+          backgroundImage: 'linear-gradient(135deg, #111827 0%, #4213CE 100%)',
+          backgroundSize: '100% 100%',
+          backgroundRepeat: 'no-repeat',
+          backgroundPosition: 'center'
+        }}
+      >
+        <img
+          src='https://paymenter.org/logo-dark.svg'
+          width='675px'
+          height='150px'
+          style={{ margin: '60px' }}
+        />
+        <div
+          style={{
+            display: 'flex',
+            flexDirection: 'column',
+            width: '100vw',
+            paddingTop: '130px',
+            paddingLeft: '60px',
+            color: 'white'
+          }}
+        >
+          <h1
+            style={{
+              fontSize: '70px',
+              fontWeight: '600',
+              margin: '0',
+              fontFamily: 'inter',
+            }}
+          >
+            {ogTitle}
+          </h1>
+          <p
+            style={{
+              fontSize: '35px',
+              paddingTop: '5px',
+              margin: '0',
+              fontFamily: 'inter',
+              color: '#babec4'
+            }}
+          >
+            {ogDescription}
+          </p>
+        </div>
+      </div>
+    )
+  },
+  extractors: {
+    on: {
+      'meta[property="image:title"]': props => ({
+        element (element) {
+          props.ogTitle = element.getAttribute('content')
+        }
+      }),
+      'meta[property="image:description"]': props => ({
+        element (element) {
+          props.ogDescription = element.getAttribute('content')
+        }
+      })
+    }
+  },
+})