Skip to content

Commit 756cf8a

Browse files
committed
Update seo and some issues
1 parent 1ac7236 commit 756cf8a

5 files changed

Lines changed: 135 additions & 38 deletions

File tree

README.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ AI Code Explainer is a bilingual coding buddy that turns confusing code into fri
88

99
## ✨ Highlights
1010

11+
- **Built by [Shihab Labs](https://shihablabs.vercel.app/)** – Founder & Full-Stack Developer at Shihablabs bringing agency-grade product polish.
1112
- **Bilingual output** – Switch between English and Bengali explanations without leaving the page.
1213
- **Custom teaching styles** – Choose explanation depth, style (detailed, concise, beginner), target audience, and whether to include examples.
1314
- **Quick start snippets** – One-click sample snippets help you test the flow instantly.
@@ -89,6 +90,19 @@ Tip: Use the Quick Start buttons to prefill common React/Python/JavaScript snipp
8990

9091
---
9192

93+
## 👨‍💻 About Shihab Labs
94+
95+
Crafted by [Shihab Labs](https://shihablabs.vercel.app/) — Founder & Full-Stack Developer at Shihablabs delivering fast, human-centered web tools.
96+
97+
- Python · Node.js · Express.js
98+
- JavaScript · TypeScript
99+
- React · Next.js
100+
- Shopify · Liquid
101+
- HTML5 · CSS3 · Git
102+
- MongoDB · PostgreSQL
103+
104+
---
105+
92106
## 🏗️ Architecture Overview
93107

94108
- `app/page.tsx` – Client-side UI with state, validation, and user interactions.

app/layout.tsx

Lines changed: 114 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -2,50 +2,140 @@ import type { Metadata } from "next";
22
import "./globals.css";
33
import { 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+
58
export 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

51141
export 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>

app/not-found.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,12 +30,12 @@ export default function NotFound() {
3030
<p>
3131
Built with ❤️ by{" "}
3232
<a
33-
href="https://github.com/maker-shihab"
33+
href="https://shihablabs.vercel.app/"
3434
target="_blank"
3535
rel="noopener noreferrer"
3636
className="text-blue-500 hover:underline"
3737
>
38-
Muhammad Shihab Uddin
38+
Shihab Labs
3939
</a>
4040
</p>
4141
</div>

app/page.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -150,12 +150,12 @@ export default function Home() {
150150
<div className="flex items-center gap-2 mt-2 text-sm text-muted-foreground">
151151
<span>By</span>
152152
<a
153-
href="https://github.com/maker-shihab"
153+
href="https://shihablabs.vercel.app/"
154154
target="_blank"
155155
rel="noopener noreferrer"
156156
className="text-blue-500 hover:underline"
157157
>
158-
Muhammad Shihab Uddin
158+
Shihab Labs
159159
</a>
160160
</div>
161161
</div>
@@ -372,12 +372,12 @@ export default function Home() {
372372
<p>
373373
Built with ❤️ by{" "}
374374
<a
375-
href="https://github.com/maker-shihab"
375+
href="https://shihablabs.vercel.app/"
376376
target="_blank"
377377
rel="noopener noreferrer"
378378
className="text-blue-500 hover:underline"
379379
>
380-
Muhammad Shihab Uddin
380+
Shihab Labs
381381
</a>{" "}
382382
• Next.js • TypeScript • Tailwind CSS • Shadcn/ui
383383
</p>

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
"dev": "next dev",
77
"build": "next build",
88
"start": "next start",
9-
"lint": "next lint"
9+
"lint": "eslint . --max-warnings=0"
1010
},
1111
"dependencies": {
1212
"@radix-ui/react-label": "^2.1.8",

0 commit comments

Comments
 (0)