# Open Graph Metadata Generator

A powerful, user-friendly tool to generate comprehensive Open Graph and social media metadata for websites, specifically optimized for Next.js but supporting multiple formats.

- **URL:** https://og-meta.ytools.in
- **Repository:** https://github.com/om-chauhan/open-graph-metadata-generator

## Key Features

- **Basic OG Metadata**: Configure Title, Description, URL, and OG Image with real-time validation.
- **Twitter Cards**: Full support for Twitter-specific meta tags including various card types (Summary, Large Image, App, Player).
- **Facebook Integration**: Support for Facebook App IDs and Open Graph types.
- **SEO Optimization**: Generate Canonical URLs and JSON-LD structured data.
- **Real-time Preview**: Instant visual feedback for how your site will look on Twitter and Facebook.
- **Multiple Exports**: Copy ready-to-use code for:
  - Next.js Metadata API (TypeScript)
  - Standard HTML Meta Tags
  - JSON-LD Script
  - React Helmet

## Technical Stack

- **Framework**: Next.js 15 (App Router)
- **Styling**: Tailwind CSS
- **UI Components**: Radix UI / Shadcn UI
- **Form Handling**: React Hook Form with Zod validation
- **Icons**: Lucide React
- **Theming**: Next Themes (Dark/Light mode support)

## Usage

Fill in the metadata fields on the landing page, preview the result in the social preview cards, and copy the generated code from the output section to use in your project.