Server-side / Edge-level Dynamic Open Graph Meta Tags (per domain & subdomain)

I’m building a multi-region web app where each region is accessed via subdomains (e.g. miami.domain.com, tampabay.domain.com, etc.), and each one has its own branding, events, and content.

Right now, Base44 apps are client-side rendered (CSR), which means:

• The same static index.html is served for all domains/subdomains

• Open Graph (OG) meta tags (og:title, og:image, og:description, etc.) cannot be dynamically changed per request

• JavaScript-based meta updates do not work for social crawlers (Facebook, LinkedIn, Slack, iMessage, etc.)

The Problem

When users share links from different regions:

• All links show the same preview image/title

• Branding is incorrect for subdomains

• Event promotion and regional identity is lost

• Social sharing becomes far less effective

Example:

miami.domain.com → should show Miami branding
tampabay.domain.com → should show Tampa Bay branding

Currently both show the same OG tags, which breaks the experience.

What’s Needed

Support for server-side or edge-level meta tag injection, where Base44 can:

• Detect the incoming hostname (domain/subdomain)

• Inject dynamic OG tags before the HTML is returned

• Serve different:

  • og:title

  • og:description

  • og:image

  • og:url

• Ideally allow this to be driven by database values (e.g. region settings)

Example Use Case (Real World)

I run a conservation platform that will expand into multiple regions.

Each region:

• Has its own logo

• Has its own events

• Has its own landing experience

When someone shares a link:

• It should promote THAT region specifically

• Not a generic global page

This is critical for:

• User growth

• Event promotion

• Partnerships

• Social engagement