@@ -2,50 +2,140 @@ import type { Metadata } from "next";
22import "./globals.css" ;
33import { ThemeProvider } from "./providers/theme-provider" ;
44
5+ const metadataDescription =
6+ "AI Code Explainer by Shihab Labs — Founder & Full-Stack Developer at Shihablabs. Translate complex Python, Node.js, Express.js, JavaScript, TypeScript, React, Next.js, Shopify Liquid, HTML5, CSS3, Git, MongoDB, and PostgreSQL into friendly English or Bengali walkthroughs." ;
7+
58export const metadata : Metadata = {
6- title : "AI Code Explainer - Understand Code in Simple Terms" ,
7- description :
8- "Free AI tool that explains any programming code in simple English or Bengali. Perfect for students and developers. No signup required." ,
9+ metadataBase : new URL ( "https://aicodexp.vercel.app" ) ,
10+ applicationName : "AI Code Explainer" ,
11+ title : "AI Code Explainer | Shihab Labs" ,
12+ description : metadataDescription ,
913 keywords : [
10- "code explainer" ,
11- "AI programming" ,
12- "code explanation" ,
13- "learn programming" ,
14- "Bangladeshi developers" ,
15- "free AI tool" ,
14+ "AI Code Explainer" ,
15+ "Shihab Labs" ,
16+ "Shihablabs" ,
17+ "Founder & Full-Stack Developer" ,
18+ "Python" ,
19+ "Node.js" ,
20+ "Express.js" ,
21+ "JavaScript" ,
22+ "TypeScript" ,
23+ "React" ,
24+ "Next.js" ,
25+ "Shopify" ,
26+ "Liquid" ,
27+ "HTML5" ,
28+ "CSS3" ,
29+ "Git" ,
30+ "MongoDB" ,
31+ "PostgreSQL" ,
32+ "Bengali code explanations" ,
33+ "code tutor" ,
34+ "developer productivity" ,
35+ ] ,
36+ category : "technology" ,
37+ authors : [
38+ {
39+ name : "Shihab Labs" ,
40+ url : "https://shihablabs.vercel.app/" ,
41+ } ,
1642 ] ,
17- authors : [ { name : "Muhammad Shihab Uddin" } ] ,
18- creator : "Muhammad Shihab Uddin" ,
19- publisher : "Muhammad Shihab Uddin" ,
43+ creator : "Shihab Labs" ,
44+ publisher : "Shihab Labs" ,
2045 robots : "index, follow" ,
46+ alternates : {
47+ canonical : "https://aicodexp.vercel.app/" ,
48+ } ,
2149 openGraph : {
22- title : "AI Code Explainer - Understand Any Code Instantly" ,
23- description :
24- "Free AI-powered code explanation tool. Get simple explanations for any programming code." ,
50+ title : "AI Code Explainer by Shihab Labs | Bilingual Code Tutor" ,
51+ description : metadataDescription ,
2552 url : "https://aicodexp.vercel.app/" ,
2653 siteName : "AI Code Explainer" ,
2754 images : [
2855 {
2956 url : "/og-image.png" ,
3057 width : 1200 ,
3158 height : 630 ,
32- alt : "AI Code Explainer" ,
59+ alt : "AI Code Explainer by Shihab Labs " ,
3360 } ,
3461 ] ,
3562 locale : "en_US" ,
3663 type : "website" ,
3764 } ,
3865 twitter : {
3966 card : "summary_large_image" ,
40- title : "AI Code Explainer - Understand Any Code Instantly" ,
41- description : "Free AI-powered code explanation tool for developers." ,
42- creator : "@makershihab" ,
67+ title : "AI Code Explainer | Shihab Labs" ,
68+ description : metadataDescription ,
69+ creator : "@shihablabs" ,
70+ site : "@shihablabs" ,
4371 images : [ "/og-image.png" ] ,
4472 } ,
4573 manifest : "/manifest.json" ,
4674 verification : {
4775 google : "your-google-verification-code" ,
4876 } ,
77+ other : {
78+ "author:position" : "Founder & Full-Stack Developer at Shihablabs" ,
79+ "author:skills" :
80+ "Python, Node.js, Express.js, JavaScript, TypeScript, React, Next.js, Shopify, Liquid, HTML5, CSS3, Git, MongoDB, PostgreSQL" ,
81+ } ,
82+ } ;
83+
84+ const themeInitializationScript = `
85+ (function() {
86+ try {
87+ const theme = localStorage.getItem('code-explainer-theme') || 'system';
88+ const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
89+ const currentTheme = theme === 'system' ? systemTheme : theme;
90+ document.documentElement.classList.add(currentTheme);
91+ } catch (e) {}
92+ })();
93+ ` ;
94+
95+ const jsonLd = {
96+ "@context" : "https://schema.org" ,
97+ "@type" : "WebApplication" ,
98+ name : "AI Code Explainer" ,
99+ url : "https://aicodexp.vercel.app/" ,
100+ description : metadataDescription ,
101+ applicationCategory : "EducationalApplication" ,
102+ operatingSystem : "All" ,
103+ inLanguage : [ "en" , "bn" ] ,
104+ creator : {
105+ "@type" : "Person" ,
106+ name : "Shihab Labs" ,
107+ jobTitle : "Founder & Full-Stack Developer" ,
108+ url : "https://shihablabs.vercel.app/" ,
109+ sameAs : [ "https://shihablabs.vercel.app/" ] ,
110+ knowsAbout : [
111+ "Python" ,
112+ "Node.js" ,
113+ "Express.js" ,
114+ "JavaScript" ,
115+ "TypeScript" ,
116+ "React" ,
117+ "Next.js" ,
118+ "Shopify" ,
119+ "Liquid" ,
120+ "HTML5" ,
121+ "CSS3" ,
122+ "Git" ,
123+ "MongoDB" ,
124+ "PostgreSQL" ,
125+ ] ,
126+ } ,
127+ offers : {
128+ "@type" : "Offer" ,
129+ price : "0" ,
130+ priceCurrency : "USD" ,
131+ } ,
132+ keywords : [
133+ "AI Code Explainer" ,
134+ "Shihab Labs" ,
135+ "Shihablabs" ,
136+ "Full-Stack Developer" ,
137+ "Bengali code explanations" ,
138+ ] ,
49139} ;
50140
51141export default function RootLayout ( {
@@ -58,18 +148,11 @@ export default function RootLayout({
58148 < head >
59149 < meta name = "theme-color" content = "#3B82F6" />
60150 < script
61- dangerouslySetInnerHTML = { {
62- __html : `
63- (function() {
64- try {
65- const theme = localStorage.getItem('code-explainer-theme') || 'system';
66- const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
67- const currentTheme = theme === 'system' ? systemTheme : theme;
68- document.documentElement.classList.add(currentTheme);
69- } catch (e) {}
70- })();
71- ` ,
72- } }
151+ dangerouslySetInnerHTML = { { __html : themeInitializationScript } }
152+ />
153+ < script
154+ type = "application/ld+json"
155+ dangerouslySetInnerHTML = { { __html : JSON . stringify ( jsonLd ) } }
73156 />
74157 </ head >
75158 < body >
0 commit comments