+
Work Experience
@@ -131,7 +135,7 @@ export default async function Home() {
id="projects"
className="container max-w-5xl mx-auto py-12 md:py-16 lg:py-20"
>
- My Projects
+ My Projects
{data.projects.map((project) => (
@@ -194,7 +198,7 @@ export default async function Home() {
id="education"
className="container max-w-5xl mx-auto py-12 md:py-16 lg:py-20"
>
- Education
+ Education
{data.education.map((ed) => (
@@ -216,7 +220,7 @@ export default async function Home() {
id="testimonials"
className="container max-w-5xl mx-auto py-12 md:py-16 lg:py-20"
>
- Testimonials
+ Testimonials
{data.testimonials.map((t) => (
@@ -244,6 +248,28 @@ export default async function Home() {
))}
+
+ {/* Blogs Section */}
+
+ Blogs
+
+
+ {posts.map((post) => (
+
+
+ {post.title}
+
+ {post.description}
+
+ Published at: {post.publishDate}
+
+
+ ))}
+
+
);
}
diff --git a/src/components/ui/navbar.tsx b/src/components/ui/navbar.tsx
index dfb6dfd..741a551 100644
--- a/src/components/ui/navbar.tsx
+++ b/src/components/ui/navbar.tsx
@@ -2,16 +2,16 @@ import Link from "next/link";
import { Sheet, SheetTrigger, SheetContent } from "@/components/ui/sheet";
import { Button } from "@/components/ui/button";
import { JSX, SVGProps } from "react";
-import { getData } from "@/lib/serverUtils";
+import { getJSONData } from "@/lib/serverUtils";
import Image from "next/image";
export default async function Navbar() {
- const data = await getData();
+ const data = await getJSONData();
return (
-
+
{
+function isBlogHeaderData(data: any): data is BlogMetadata {
+ return (
+ typeof data.title === "string" &&
+ typeof data.description === "string" &&
+ typeof data.isPublished === "boolean" &&
+ typeof data.slug === "string" &&
+ typeof data.publishDate === "string" // or Date if you use Date
+ );
+}
+
+export async function getJSONData(): Promise {
const filePath = path.join(process.cwd(), "public", "data.json");
const file = fs.readFileSync(filePath, "utf-8");
return JSON.parse(file);
}
+
+export async function getBlogPosts(): Promise {
+ const contentDirPath = path.join(process.cwd(), "src/app/blogs");
+ const postDirs = fs
+ .readdirSync(contentDirPath, { withFileTypes: true })
+ .filter((dir) => dir.isDirectory())
+ .map((dir) => dir.name);
+
+ const blogs = await Promise.all(
+ postDirs.map(async (postDir) => {
+ console.log(`@/app/blogs/${postDir}/page.tsx`);
+ const { metadata } = await import(`@/app/blogs/${postDir}/page.mdx`);
+
+ if (isBlogHeaderData(metadata)) {
+ return metadata;
+ }
+
+ throw new Error("Blog data missing!");
+ })
+ );
+
+ return blogs;
+}
diff --git a/src/mdx-components.tsx b/src/mdx-components.tsx
new file mode 100644
index 0000000..9ff7229
--- /dev/null
+++ b/src/mdx-components.tsx
@@ -0,0 +1,7 @@
+import type { MDXComponents } from "mdx/types";
+
+export function useMDXComponents(components: MDXComponents): MDXComponents {
+ return {
+ ...components,
+ };
+}
diff --git a/src/types/blog.ts b/src/types/blog.ts
new file mode 100644
index 0000000..d8a435d
--- /dev/null
+++ b/src/types/blog.ts
@@ -0,0 +1,7 @@
+export interface BlogMetadata {
+ title: string;
+ description: string;
+ isPublished: boolean;
+ slug: string;
+ publishDate: string;
+}
My Projects
+My Projects
{data.projects.map((project) => (
@@ -194,7 +198,7 @@ export default async function Home() {
id="education"
className="container max-w-5xl mx-auto py-12 md:py-16 lg:py-20"
>
-
Education
+Education
{data.education.map((ed) => (
@@ -216,7 +220,7 @@ export default async function Home() {
id="testimonials"
className="container max-w-5xl mx-auto py-12 md:py-16 lg:py-20"
>
-
+
);
}
diff --git a/src/components/ui/navbar.tsx b/src/components/ui/navbar.tsx
index dfb6dfd..741a551 100644
--- a/src/components/ui/navbar.tsx
+++ b/src/components/ui/navbar.tsx
@@ -2,16 +2,16 @@ import Link from "next/link";
import { Sheet, SheetTrigger, SheetContent } from "@/components/ui/sheet";
import { Button } from "@/components/ui/button";
import { JSX, SVGProps } from "react";
-import { getData } from "@/lib/serverUtils";
+import { getJSONData } from "@/lib/serverUtils";
import Image from "next/image";
export default async function Navbar() {
- const data = await getData();
+ const data = await getJSONData();
return (
Testimonials
+Testimonials
{data.testimonials.map((t) => (
@@ -244,6 +248,28 @@ export default async function Home() {
))}
+
+ {/* Blogs Section */}
+ Blogs
+ +
+ {posts.map((post) => (
+
+
+ + {post.title} +
+{post.description}
++ Published at: {post.publishDate} +
+ + ))} +
-
+
{
+function isBlogHeaderData(data: any): data is BlogMetadata {
+ return (
+ typeof data.title === "string" &&
+ typeof data.description === "string" &&
+ typeof data.isPublished === "boolean" &&
+ typeof data.slug === "string" &&
+ typeof data.publishDate === "string" // or Date if you use Date
+ );
+}
+
+export async function getJSONData(): Promise {
const filePath = path.join(process.cwd(), "public", "data.json");
const file = fs.readFileSync(filePath, "utf-8");
return JSON.parse(file);
}
+
+export async function getBlogPosts(): Promise {
+ const contentDirPath = path.join(process.cwd(), "src/app/blogs");
+ const postDirs = fs
+ .readdirSync(contentDirPath, { withFileTypes: true })
+ .filter((dir) => dir.isDirectory())
+ .map((dir) => dir.name);
+
+ const blogs = await Promise.all(
+ postDirs.map(async (postDir) => {
+ console.log(`@/app/blogs/${postDir}/page.tsx`);
+ const { metadata } = await import(`@/app/blogs/${postDir}/page.mdx`);
+
+ if (isBlogHeaderData(metadata)) {
+ return metadata;
+ }
+
+ throw new Error("Blog data missing!");
+ })
+ );
+
+ return blogs;
+}
diff --git a/src/mdx-components.tsx b/src/mdx-components.tsx
new file mode 100644
index 0000000..9ff7229
--- /dev/null
+++ b/src/mdx-components.tsx
@@ -0,0 +1,7 @@
+import type { MDXComponents } from "mdx/types";
+
+export function useMDXComponents(components: MDXComponents): MDXComponents {
+ return {
+ ...components,
+ };
+}
diff --git a/src/types/blog.ts b/src/types/blog.ts
new file mode 100644
index 0000000..d8a435d
--- /dev/null
+++ b/src/types/blog.ts
@@ -0,0 +1,7 @@
+export interface BlogMetadata {
+ title: string;
+ description: string;
+ isPublished: boolean;
+ slug: string;
+ publishDate: string;
+}