next-ai-draw-io/app/layout.tsx

import type { Metadata, Viewport } from "next";
import { Plus_Jakarta_Sans, JetBrains_Mono } from "next/font/google";
import { Analytics } from "@vercel/analytics/react";
import { GoogleAnalytics } from "@next/third-parties/google";
import { DiagramProvider } from "@/contexts/diagram-context";

import "./globals.css";

const plusJakarta = Plus_Jakarta_Sans({
    variable: "--font-sans",
    subsets: ["latin"],
    weight: ["400", "500", "600", "700"],
});

const jetbrainsMono = JetBrains_Mono({
    variable: "--font-mono",
    subsets: ["latin"],
    weight: ["400", "500"],
});

export const viewport: Viewport = {
    width: "device-width",
    initialScale: 1,
    maximumScale: 1,
    userScalable: false,
};

export const metadata: Metadata = {
    title: "Next AI Draw.io - AI-Powered Diagram Generator",
    description: "Create AWS architecture diagrams, flowcharts, and technical diagrams using AI. Free online tool integrating draw.io with AI assistance for professional diagram creation.",
    keywords: ["AI diagram generator", "AWS architecture", "flowchart creator", "draw.io", "AI drawing tool", "technical diagrams", "diagram automation", "free diagram generator", "online diagram maker"],
    authors: [{ name: "Next AI Draw.io" }],
    creator: "Next AI Draw.io",
    publisher: "Next AI Draw.io",
    metadataBase: new URL("https://next-ai-drawio.jiang.jp"),
    openGraph: {
        title: "Next AI Draw.io - AI Diagram Generator",
        description: "Create professional diagrams with AI assistance. Supports AWS architecture, flowcharts, and more.",
        type: "website",
        url: "https://next-ai-drawio.jiang.jp",
        siteName: "Next AI Draw.io",
        locale: "en_US",
        images: [
            {
                url: "/architecture.png",
                width: 1200,
                height: 630,
                alt: "Next AI Draw.io - AI-powered diagram creation tool",
            },
        ],
    },
    twitter: {
        card: "summary_large_image",
        title: "Next AI Draw.io - AI Diagram Generator",
        description: "Create professional diagrams with AI assistance. Free, no login required.",
        images: ["/architecture.png"],
    },
    robots: {
        index: true,
        follow: true,
        googleBot: {
            index: true,
            follow: true,
            "max-video-preview": -1,
            "max-image-preview": "large",
            "max-snippet": -1,
        },
    },
    icons: {
        icon: "/favicon.ico",
    },
};

export default function RootLayout({
    children,
}: Readonly<{
    children: React.ReactNode;
}>) {
    const jsonLd = {
        '@context': 'https://schema.org',
        '@type': 'SoftwareApplication',
        name: 'Next AI Draw.io',
        applicationCategory: 'DesignApplication',
        operatingSystem: 'Web Browser',
        description: 'AI-powered diagram generator with targeted XML editing capabilities that integrates with draw.io for creating AWS architecture diagrams, flowcharts, and technical diagrams. Features diagram history, multi-provider AI support, and real-time collaboration.',
        url: 'https://next-ai-drawio.jiang.jp',
        offers: {
            '@type': 'Offer',
            price: '0',
            priceCurrency: 'USD',
        },
    };

    return (
        <html lang="en">
            <head>
                <script
                    type="application/ld+json"
                    dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
                />
            </head>
            <body
                className={`${plusJakarta.variable} ${jetbrainsMono.variable} antialiased`}
            >
                <DiagramProvider>{children}</DiagramProvider>
                <Analytics />
            </body>
            {process.env.NEXT_PUBLIC_GA_ID && (
                <GoogleAnalytics gaId={process.env.NEXT_PUBLIC_GA_ID} />
            )}
        </html>
    );
}
fix: add viewport meta tag for mobile layout (#110) 2025-12-05 23:34:18 +09:00			`import type { Metadata, Viewport } from "next";`
feat: refresh UI with new typography and edit diff display (#63) - Switch from Geist to Plus Jakarta Sans (body) and JetBrains Mono (code) - Add visual diff display for edit_diagram tool showing search/replace pairs - Update color palette to clean modern OKLCH-based scheme - Improve chat message display with better styling and animations - Add syntax-highlighted code blocks for XML/JSON output - Improve scrollbar and shadow utilities 2025-12-03 21:49:34 +09:00			`import { Plus_Jakarta_Sans, JetBrains_Mono } from "next/font/google";`
feat: add Vercel Analytics integration to the application 2025-03-26 13:44:02 +00:00			`import { Analytics } from "@vercel/analytics/react";`
chore: add Google Analytics integration (#59) 2025-12-03 20:35:31 +09:00			`import { GoogleAnalytics } from "@next/third-parties/google";`
refactor: Move DiagramProvider to RootLayout for improved context management 2025-03-27 08:24:17 +00:00			`import { DiagramProvider } from "@/contexts/diagram-context";`

initialize project with Next.js, Tailwind CSS, and essential configurations 2025-03-19 06:04:06 +00:00			`import "./globals.css";`

feat: refresh UI with new typography and edit diff display (#63) - Switch from Geist to Plus Jakarta Sans (body) and JetBrains Mono (code) - Add visual diff display for edit_diagram tool showing search/replace pairs - Update color palette to clean modern OKLCH-based scheme - Improve chat message display with better styling and animations - Add syntax-highlighted code blocks for XML/JSON output - Improve scrollbar and shadow utilities 2025-12-03 21:49:34 +09:00			`const plusJakarta = Plus_Jakarta_Sans({`
			`variable: "--font-sans",`
feat: remove unused SVG files and update layout metadata for Next-AI-Drawio 2025-03-23 12:48:31 +00:00			`subsets: ["latin"],`
feat: refresh UI with new typography and edit diff display (#63) - Switch from Geist to Plus Jakarta Sans (body) and JetBrains Mono (code) - Add visual diff display for edit_diagram tool showing search/replace pairs - Update color palette to clean modern OKLCH-based scheme - Improve chat message display with better styling and animations - Add syntax-highlighted code blocks for XML/JSON output - Improve scrollbar and shadow utilities 2025-12-03 21:49:34 +09:00			`weight: ["400", "500", "600", "700"],`
initialize project with Next.js, Tailwind CSS, and essential configurations 2025-03-19 06:04:06 +00:00			`});`

feat: refresh UI with new typography and edit diff display (#63) - Switch from Geist to Plus Jakarta Sans (body) and JetBrains Mono (code) - Add visual diff display for edit_diagram tool showing search/replace pairs - Update color palette to clean modern OKLCH-based scheme - Improve chat message display with better styling and animations - Add syntax-highlighted code blocks for XML/JSON output - Improve scrollbar and shadow utilities 2025-12-03 21:49:34 +09:00			`const jetbrainsMono = JetBrains_Mono({`
			`variable: "--font-mono",`
feat: remove unused SVG files and update layout metadata for Next-AI-Drawio 2025-03-23 12:48:31 +00:00			`subsets: ["latin"],`
feat: refresh UI with new typography and edit diff display (#63) - Switch from Geist to Plus Jakarta Sans (body) and JetBrains Mono (code) - Add visual diff display for edit_diagram tool showing search/replace pairs - Update color palette to clean modern OKLCH-based scheme - Improve chat message display with better styling and animations - Add syntax-highlighted code blocks for XML/JSON output - Improve scrollbar and shadow utilities 2025-12-03 21:49:34 +09:00			`weight: ["400", "500"],`
initialize project with Next.js, Tailwind CSS, and essential configurations 2025-03-19 06:04:06 +00:00			`});`

fix: add viewport meta tag for mobile layout (#110) 2025-12-05 23:34:18 +09:00			`export const viewport: Viewport = {`
			`width: "device-width",`
			`initialScale: 1,`
			`maximumScale: 1,`
			`userScalable: false,`
			`};`

initialize project with Next.js, Tailwind CSS, and essential configurations 2025-03-19 06:04:06 +00:00			`export const metadata: Metadata = {`
feat: Add comprehensive SEO improvements - Enhanced metadata with Open Graph and Twitter Card tags - Added robots.ts for search engine crawling directives - Added sitemap.ts for site structure - Improved image alt text for better accessibility and SEO - Added JSON-LD structured data (Schema.org SoftwareApplication) - Configured proper meta tags including keywords, authors, and robots settings - Set metadataBase for proper URL resolution 2025-11-16 08:36:13 +09:00			`title: "Next AI Draw.io - AI-Powered Diagram Generator",`
			`description: "Create AWS architecture diagrams, flowcharts, and technical diagrams using AI. Free online tool integrating draw.io with AI assistance for professional diagram creation.",`
fix: Update domain and improve SEO implementation - Update all URLs from vercel.app to next-ai-drawio.jiang.jp - Remove fake aggregateRating from JSON-LD (better SEO credibility) - Move JSON-LD script to <head> for better SEO crawler detection - Enhance JSON-LD description with specific features - Add 'free diagram generator' and 'online diagram maker' keywords - Improve Twitter Card description with call-to-action Addresses critical issues identified in SEO review: - Artificial rating data removed - JSON-LD placement improved - Domain consistency across all files 2025-11-16 08:41:49 +09:00			`keywords: ["AI diagram generator", "AWS architecture", "flowchart creator", "draw.io", "AI drawing tool", "technical diagrams", "diagram automation", "free diagram generator", "online diagram maker"],`
feat: Add comprehensive SEO improvements - Enhanced metadata with Open Graph and Twitter Card tags - Added robots.ts for search engine crawling directives - Added sitemap.ts for site structure - Improved image alt text for better accessibility and SEO - Added JSON-LD structured data (Schema.org SoftwareApplication) - Configured proper meta tags including keywords, authors, and robots settings - Set metadataBase for proper URL resolution 2025-11-16 08:36:13 +09:00			`authors: [{ name: "Next AI Draw.io" }],`
			`creator: "Next AI Draw.io",`
			`publisher: "Next AI Draw.io",`
fix: Update domain and improve SEO implementation - Update all URLs from vercel.app to next-ai-drawio.jiang.jp - Remove fake aggregateRating from JSON-LD (better SEO credibility) - Move JSON-LD script to <head> for better SEO crawler detection - Enhance JSON-LD description with specific features - Add 'free diagram generator' and 'online diagram maker' keywords - Improve Twitter Card description with call-to-action Addresses critical issues identified in SEO review: - Artificial rating data removed - JSON-LD placement improved - Domain consistency across all files 2025-11-16 08:41:49 +09:00			`metadataBase: new URL("https://next-ai-drawio.jiang.jp"),`
feat: Add comprehensive SEO improvements - Enhanced metadata with Open Graph and Twitter Card tags - Added robots.ts for search engine crawling directives - Added sitemap.ts for site structure - Improved image alt text for better accessibility and SEO - Added JSON-LD structured data (Schema.org SoftwareApplication) - Configured proper meta tags including keywords, authors, and robots settings - Set metadataBase for proper URL resolution 2025-11-16 08:36:13 +09:00			`openGraph: {`
			`title: "Next AI Draw.io - AI Diagram Generator",`
			`description: "Create professional diagrams with AI assistance. Supports AWS architecture, flowcharts, and more.",`
			`type: "website",`
fix: Update domain and improve SEO implementation - Update all URLs from vercel.app to next-ai-drawio.jiang.jp - Remove fake aggregateRating from JSON-LD (better SEO credibility) - Move JSON-LD script to <head> for better SEO crawler detection - Enhance JSON-LD description with specific features - Add 'free diagram generator' and 'online diagram maker' keywords - Improve Twitter Card description with call-to-action Addresses critical issues identified in SEO review: - Artificial rating data removed - JSON-LD placement improved - Domain consistency across all files 2025-11-16 08:41:49 +09:00			`url: "https://next-ai-drawio.jiang.jp",`
feat: Add comprehensive SEO improvements - Enhanced metadata with Open Graph and Twitter Card tags - Added robots.ts for search engine crawling directives - Added sitemap.ts for site structure - Improved image alt text for better accessibility and SEO - Added JSON-LD structured data (Schema.org SoftwareApplication) - Configured proper meta tags including keywords, authors, and robots settings - Set metadataBase for proper URL resolution 2025-11-16 08:36:13 +09:00			`siteName: "Next AI Draw.io",`
			`locale: "en_US",`
			`images: [`
			`{`
			`url: "/architecture.png",`
			`width: 1200,`
			`height: 630,`
			`alt: "Next AI Draw.io - AI-powered diagram creation tool",`
			`},`
			`],`
			`},`
			`twitter: {`
			`card: "summary_large_image",`
			`title: "Next AI Draw.io - AI Diagram Generator",`
fix: Update domain and improve SEO implementation - Update all URLs from vercel.app to next-ai-drawio.jiang.jp - Remove fake aggregateRating from JSON-LD (better SEO credibility) - Move JSON-LD script to <head> for better SEO crawler detection - Enhance JSON-LD description with specific features - Add 'free diagram generator' and 'online diagram maker' keywords - Improve Twitter Card description with call-to-action Addresses critical issues identified in SEO review: - Artificial rating data removed - JSON-LD placement improved - Domain consistency across all files 2025-11-16 08:41:49 +09:00			`description: "Create professional diagrams with AI assistance. Free, no login required.",`
feat: Add comprehensive SEO improvements - Enhanced metadata with Open Graph and Twitter Card tags - Added robots.ts for search engine crawling directives - Added sitemap.ts for site structure - Improved image alt text for better accessibility and SEO - Added JSON-LD structured data (Schema.org SoftwareApplication) - Configured proper meta tags including keywords, authors, and robots settings - Set metadataBase for proper URL resolution 2025-11-16 08:36:13 +09:00			`images: ["/architecture.png"],`
			`},`
			`robots: {`
			`index: true,`
			`follow: true,`
			`googleBot: {`
			`index: true,`
			`follow: true,`
			`"max-video-preview": -1,`
			`"max-image-preview": "large",`
			`"max-snippet": -1,`
			`},`
			`},`
			`icons: {`
			`icon: "/favicon.ico",`
			`},`
initialize project with Next.js, Tailwind CSS, and essential configurations 2025-03-19 06:04:06 +00:00			`};`

			`export default function RootLayout({`
feat: remove unused SVG files and update layout metadata for Next-AI-Drawio 2025-03-23 12:48:31 +00:00			`children,`
initialize project with Next.js, Tailwind CSS, and essential configurations 2025-03-19 06:04:06 +00:00			`}: Readonly<{`
feat: remove unused SVG files and update layout metadata for Next-AI-Drawio 2025-03-23 12:48:31 +00:00			`children: React.ReactNode;`
initialize project with Next.js, Tailwind CSS, and essential configurations 2025-03-19 06:04:06 +00:00			`}>) {`
feat: Add comprehensive SEO improvements - Enhanced metadata with Open Graph and Twitter Card tags - Added robots.ts for search engine crawling directives - Added sitemap.ts for site structure - Improved image alt text for better accessibility and SEO - Added JSON-LD structured data (Schema.org SoftwareApplication) - Configured proper meta tags including keywords, authors, and robots settings - Set metadataBase for proper URL resolution 2025-11-16 08:36:13 +09:00			`const jsonLd = {`
			`'@context': 'https://schema.org',`
			`'@type': 'SoftwareApplication',`
			`name: 'Next AI Draw.io',`
			`applicationCategory: 'DesignApplication',`
			`operatingSystem: 'Web Browser',`
fix: Update domain and improve SEO implementation - Update all URLs from vercel.app to next-ai-drawio.jiang.jp - Remove fake aggregateRating from JSON-LD (better SEO credibility) - Move JSON-LD script to <head> for better SEO crawler detection - Enhance JSON-LD description with specific features - Add 'free diagram generator' and 'online diagram maker' keywords - Improve Twitter Card description with call-to-action Addresses critical issues identified in SEO review: - Artificial rating data removed - JSON-LD placement improved - Domain consistency across all files 2025-11-16 08:41:49 +09:00			`description: 'AI-powered diagram generator with targeted XML editing capabilities that integrates with draw.io for creating AWS architecture diagrams, flowcharts, and technical diagrams. Features diagram history, multi-provider AI support, and real-time collaboration.',`
			`url: 'https://next-ai-drawio.jiang.jp',`
feat: Add comprehensive SEO improvements - Enhanced metadata with Open Graph and Twitter Card tags - Added robots.ts for search engine crawling directives - Added sitemap.ts for site structure - Improved image alt text for better accessibility and SEO - Added JSON-LD structured data (Schema.org SoftwareApplication) - Configured proper meta tags including keywords, authors, and robots settings - Set metadataBase for proper URL resolution 2025-11-16 08:36:13 +09:00			`offers: {`
			`'@type': 'Offer',`
			`price: '0',`
			`priceCurrency: 'USD',`
			`},`
			`};`

feat: remove unused SVG files and update layout metadata for Next-AI-Drawio 2025-03-23 12:48:31 +00:00			`return (`
			`<html lang="en">`
fix: Update domain and improve SEO implementation - Update all URLs from vercel.app to next-ai-drawio.jiang.jp - Remove fake aggregateRating from JSON-LD (better SEO credibility) - Move JSON-LD script to <head> for better SEO crawler detection - Enhance JSON-LD description with specific features - Add 'free diagram generator' and 'online diagram maker' keywords - Improve Twitter Card description with call-to-action Addresses critical issues identified in SEO review: - Artificial rating data removed - JSON-LD placement improved - Domain consistency across all files 2025-11-16 08:41:49 +09:00			`<head>`
feat: Add comprehensive SEO improvements - Enhanced metadata with Open Graph and Twitter Card tags - Added robots.ts for search engine crawling directives - Added sitemap.ts for site structure - Improved image alt text for better accessibility and SEO - Added JSON-LD structured data (Schema.org SoftwareApplication) - Configured proper meta tags including keywords, authors, and robots settings - Set metadataBase for proper URL resolution 2025-11-16 08:36:13 +09:00			`<script`
			`type="application/ld+json"`
			`dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}`
			`/>`
fix: Update domain and improve SEO implementation - Update all URLs from vercel.app to next-ai-drawio.jiang.jp - Remove fake aggregateRating from JSON-LD (better SEO credibility) - Move JSON-LD script to <head> for better SEO crawler detection - Enhance JSON-LD description with specific features - Add 'free diagram generator' and 'online diagram maker' keywords - Improve Twitter Card description with call-to-action Addresses critical issues identified in SEO review: - Artificial rating data removed - JSON-LD placement improved - Domain consistency across all files 2025-11-16 08:41:49 +09:00			`</head>`
			`<body`
feat: refresh UI with new typography and edit diff display (#63) - Switch from Geist to Plus Jakarta Sans (body) and JetBrains Mono (code) - Add visual diff display for edit_diagram tool showing search/replace pairs - Update color palette to clean modern OKLCH-based scheme - Improve chat message display with better styling and animations - Add syntax-highlighted code blocks for XML/JSON output - Improve scrollbar and shadow utilities 2025-12-03 21:49:34 +09:00			className={`${plusJakarta.variable} ${jetbrainsMono.variable} antialiased`}
fix: Update domain and improve SEO implementation - Update all URLs from vercel.app to next-ai-drawio.jiang.jp - Remove fake aggregateRating from JSON-LD (better SEO credibility) - Move JSON-LD script to <head> for better SEO crawler detection - Enhance JSON-LD description with specific features - Add 'free diagram generator' and 'online diagram maker' keywords - Improve Twitter Card description with call-to-action Addresses critical issues identified in SEO review: - Artificial rating data removed - JSON-LD placement improved - Domain consistency across all files 2025-11-16 08:41:49 +09:00			`>`
refactor: Move DiagramProvider to RootLayout for improved context management 2025-03-27 08:24:17 +00:00			`<DiagramProvider>{children}</DiagramProvider>`
feat: add Vercel Analytics integration to the application 2025-03-26 13:44:02 +00:00			`<Analytics />`
feat: remove unused SVG files and update layout metadata for Next-AI-Drawio 2025-03-23 12:48:31 +00:00			`</body>`
chore: add Google Analytics integration (#59) 2025-12-03 20:35:31 +09:00			`{process.env.NEXT_PUBLIC_GA_ID && (`
			`<GoogleAnalytics gaId={process.env.NEXT_PUBLIC_GA_ID} />`
			`)}`
feat: remove unused SVG files and update layout metadata for Next-AI-Drawio 2025-03-23 12:48:31 +00:00			`</html>`
			`);`
initialize project with Next.js, Tailwind CSS, and essential configurations 2025-03-19 06:04:06 +00:00			`}`