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

import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import { Analytics } from "@vercel/analytics/react";
import { DiagramProvider } from "@/contexts/diagram-context";

import "./globals.css";

const geistSans = Geist({
    variable: "--font-geist-sans",
    subsets: ["latin"],
});

const geistMono = Geist_Mono({
    variable: "--font-geist-mono",
    subsets: ["latin"],
});

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"],
    authors: [{ name: "Next AI Draw.io" }],
    creator: "Next AI Draw.io",
    publisher: "Next AI Draw.io",
    metadataBase: new URL("https://next-ai-draw-io.vercel.app"),
    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-draw-io.vercel.app",
        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",
        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 that integrates with draw.io for creating AWS architecture diagrams, flowcharts, and technical diagrams.',
        url: 'https://next-ai-draw-io.vercel.app',
        offers: {
            '@type': 'Offer',
            price: '0',
            priceCurrency: 'USD',
        },
        aggregateRating: {
            '@type': 'AggregateRating',
            ratingValue: '5',
            ratingCount: '1',
        },
    };

    return (
        <html lang="en">
            <body
                className={`${geistSans.variable} ${geistMono.variable} antialiased`}
            >
                <script
                    type="application/ld+json"
                    dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
                />
                <DiagramProvider>{children}</DiagramProvider>

                <Analytics />
            </body>
        </html>
    );
}
initialize project with Next.js, Tailwind CSS, and essential configurations 2025-03-19 06:04:06 +00:00			`import type { Metadata } from "next";`
			`import { Geist, Geist_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";`
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";`

			`const geistSans = Geist({`
feat: remove unused SVG files and update layout metadata for Next-AI-Drawio 2025-03-23 12:48:31 +00:00			`variable: "--font-geist-sans",`
			`subsets: ["latin"],`
initialize project with Next.js, Tailwind CSS, and essential configurations 2025-03-19 06:04:06 +00:00			`});`

			`const geistMono = Geist_Mono({`
feat: remove unused SVG files and update layout metadata for Next-AI-Drawio 2025-03-23 12:48:31 +00:00			`variable: "--font-geist-mono",`
			`subsets: ["latin"],`
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.",`
			`keywords: ["AI diagram generator", "AWS architecture", "flowchart creator", "draw.io", "AI drawing tool", "technical diagrams", "diagram automation"],`
			`authors: [{ name: "Next AI Draw.io" }],`
			`creator: "Next AI Draw.io",`
			`publisher: "Next AI Draw.io",`
			`metadataBase: new URL("https://next-ai-draw-io.vercel.app"),`
			`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-draw-io.vercel.app",`
			`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",`
			`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',`
			`description: 'AI-powered diagram generator that integrates with draw.io for creating AWS architecture diagrams, flowcharts, and technical diagrams.',`
			`url: 'https://next-ai-draw-io.vercel.app',`
			`offers: {`
			`'@type': 'Offer',`
			`price: '0',`
			`priceCurrency: 'USD',`
			`},`
			`aggregateRating: {`
			`'@type': 'AggregateRating',`
			`ratingValue: '5',`
			`ratingCount: '1',`
			`},`
			`};`

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">`
			`<body`
			className={`${geistSans.variable} ${geistMono.variable} antialiased`}
			`>`
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) }}`
			`/>`
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>`
			`</html>`
			`);`
initialize project with Next.js, Tailwind CSS, and essential configurations 2025-03-19 06:04:06 +00:00			`}`