Skip to content

feat(frontend): Add SEO meta tags and Open Graph cards for all pages - #616

Open
midenotch wants to merge 1 commit into
StayLitCodes:mainfrom
midenotch:feat/seo-meta-tags-601
Open

feat(frontend): Add SEO meta tags and Open Graph cards for all pages#616
midenotch wants to merge 1 commit into
StayLitCodes:mainfrom
midenotch:feat/seo-meta-tags-601

Conversation

@midenotch

Copy link
Copy Markdown

Overview

This PR adds comprehensive SEO metadata, Open Graph tags, Twitter Card support, and PWA manifest basics across the Vaultix frontend application. Links shared on Slack, Discord, or Twitter now render preview cards with branded imagery and accurate page titles.

Related Issue

Closes #601

Changes

Root Layout

  • Added \metadataBase\ for absolute URL resolution
  • Added \ itle\ template (%s | Vaultix)
  • Added full \openGraph\ block (title, description, url, siteName, image, locale, type)
  • Added full \ witter\ block (card type, title, description, images, site, creator)
  • Added \�lternates.canonical\ URL pointing to production domain
  • Added
    obots\ directives with \googleBot\ configuration
  • Added \ hemeColor, \icons, and \manifest\ link

Homepage (\�pp/page.tsx)

  • Added per-page \openGraph\ and \ witter\ metadata overrides
  • Compelling title and description for social sharing

Dashboard (\�pp/dashboard/page.tsx)

  • Added \openGraph\ and \ witter\ overrides
  • Title: \My Escrows — Vaultix\
  • No sensitive data (amounts, addresses) in meta tags

Escrow Detail (\�pp/escrow/[id]/page.tsx)

  • Restructured into a server component with \generateMetadata\ (Next.js 15 async \params)
  • Dynamic per-escrow titles like \Escrow #xxx — Vaultix\
  • Status-only metadata — no amounts or addresses leak in preview cards

Admin Pages

  • All 7 admin page components now export static \metadata = adminMetadata\

  • obots: { index: false, follow: false }\ to prevent indexing
  • Shared via \lib/admin-metadata.ts\

Assets

  • Created branded OG image (\public/og-image.svg) at 1200×630
  • Created basic PWA manifest (\public/manifest.json)

Verification Results

\
git status
✅ 11 files changed, 416 insertions(+), 206 deletions(-)
✅ 4 new files added (OG image, manifest, admin metadata helper, escrow detail client)
\\

Acceptance Criteria

Criterion Status
Add \openGraph\ metadata to root layout ✅ Done
Add \ witter\ card metadata ✅ Done
Add \�lternates.canonical\ URL ✅ Done
Per-page metadata overrides (homepage, dashboard, escrow detail) ✅ Done
Admin pages: \
obots: { index: false, follow: false }\ ✅ Done
Create branded OG image (1200×630) in \public/\ ✅ Done
Add \manifest.json\ link for PWA basics ✅ Done
Ensure no sensitive data leaks in meta tags ✅ Done

@drips-wave

drips-wave Bot commented Aug 27, 2026

Copy link
Copy Markdown

@midenotch Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat(frontend): Add SEO meta tags and Open Graph cards for all pages

1 participant